changed select proposal

Augusto dos Anjos Almeida
1 parent 6747beed
Showing 3 changed files with 16 additions and 11 deletions Show diff stats
index.html
sass/_proposal_detail.scss
sass/style.scss
@@ -164,11 +164,11 @@
               <ul class="select">
                 {{#each categories}}
                   <li class="category proposal-category" data-category="{{slug}}">
-                    <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
-                    <button class="go-back btn btn-default pull-left">
+                    <button class="go-back btn btn-default">
                       <span class="fa fa-reply"></span>
                       Voltar
                     </button>
+                    <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
                     {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
                   </li>
                 {{/each}}
@@ -7,17 +7,18 @@
   li {
     a {
       text-decoration: none;
-      text-transform: uppercase;
-      padding: 15px 15px 15px 50px;
+      // text-transform: uppercase;
+      padding: 0 0 0 45px;
       margin: 0;
       width: 30%;
       min-width: 210px;
       display: inline-block;
+      vertical-align: middle;
       span {
         padding-left: 40px;
       }
       font: {
-        size: larger;
+        size: 24px;
         weight: bold;
       }
       background-size: 32px;
@@ -27,13 +28,16 @@
   .categories {
     select {
-      height: 57px;
+      // height: 57px;
       width: 60%;
       margin: 0;
       text-transform: uppercase;
       border: 0;
-      background: #EEEFF1;
+      background: #fff;
       float: right;
+      vertical-align: middle;
+      margin: 4px;
+      border-radius: 3px;
     }
     .proposal-header {
@@ -103,7 +107,7 @@
         li {
           background: $color;
           list-style: none;
-          padding: 0;
+          padding: 5px;
           a {
             min-width: 0;
             width: auto;
@@ -604,7 +608,7 @@
           background-image: url(./images/icons/#{$category}.png);
           background: {
             color: $color;
-            position: 10px 50%;
+            position: 5px 50%;
             repeat: no-repeat;
           }
           border-left: 1px solid lighten($color, 10%)
@@ -115,11 +115,11 @@ form {
 // TO_REFACT:
 .btn {
   display: inline-block;
-  padding: 6px 12px;
+  padding: 0 12px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 400;
-  line-height: 3.1;
+  // line-height: 3.1;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
@@ -132,6 +132,7 @@ form {
   user-select: none;
   background-image: none;
   border: 0;
+  vertical-align: middle;
   /* border-radius: 4px; */
 }