modified right side align on cards

Felipe Henrique de Almeida Bormann
1 parent 38f14a80
Showing 2 changed files with 31 additions and 6 deletions Show diff stats
amadeus/static/css/base/amadeus.css
categories/templates/categories/list.html
@@ -27,14 +27,19 @@
 .category-header > h4{
   float:left;
-
   margin-top: 0.5%;
 }
+
+.category-card-items i{
+  font-size: 25px !important;
+  margin-right: 5%;
+  margin-top: 1%;
+}
 .category-header i{
     color: white;
-    margin-right: 10px;
-    font-size:16px;
+   
+    font-size: 20px;
     float: right;
@@ -101,6 +106,13 @@
   float:left;
 }
+.create-subject-btn{
+    width: 100%;
+    background-color: #26A69A;
+    color: white;
+    border: 0px;
+}
+
 /* category app ends */
 .clearfix{
@@ -643,6 +655,7 @@ ul, li {
 /* Icon Topic */
 .divMoreActions {
   text-align: right; height: 30px; float: right;
+  width: 3%;
 }
 .divMoreActions > .btn-group {
@@ -663,7 +676,11 @@ ul, li {
 .dropdown-menu .pull-right {
     right: 0;
   }
-.cards-content{ padding-left: 0px; padding-right: 0px; }
+.cards-content{ 
+  padding-left: 0px; padding-right: 0px; 
+  font-family: Roboto;
+  font-size: 18px;
+}
 .cards-detail{margin-left: 4%;}
 .cards-detail .panel .panel-heading{/*background-color:;*/}
 .cards-detail .panel .panel-heading h4{color:black;}
@@ -49,7 +49,7 @@
                                     </a>
                                 </h4>
                                 {% if user.is_staff or user in category.coordinators.all %}
-                                    <div class="col-xs-1 col-md-1 divMoreActions">
+                                    <div class=" divMoreActions">
                                         <div class="btn-group">
                                             <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="moreActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                 <i class="fa fa-ellipsis-v fa-2x" aria-hidden="true"></i>
@@ -63,9 +63,12 @@
                                             </ul>
                                         </div>
                                     </div>
+                                {% else %}
+                                    <div class=" divMoreActions">
+                                    </div>
                                 {% endif %}
                                 {% if not user.is_staff  %}
-                                    <div class="col-md-5 pull-right">
+                                    <div class="col-md-5 pull-right category-card-items">
                                         <a href="" ><i class="fa fa-list" aria-hidden="true"></i></a>
                                         <a href=""><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
                                         <a href=""><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></a>
@@ -82,7 +85,12 @@
                             {% endfor %}
                         </h4>
                         {{category.description|safe}}
+                         {% if user in category.coordinators.all %}
+                        <button class="create-subject-btn"> {% trans "create new subject" %} </button>
+                    {% endif %}
                     </div>
+
+                   
                     {% comment %}
                         <div id="{{category.slug}}" class="panel-collapse collapse">
                             {% for subject in subjects %}