Style fixes

emberobserver · Sep 15, 2017 · 623aac1 · 623aac1
1 parent fb0c369
commit 623aac1
Showing 1 changed file with 19 additions and 10 deletions.
diff --git a/app/styles/components/_code-search.scss b/app/styles/components/_code-search.scss
@@ -55,41 +55,45 @@
     @include clearfix;
 
     h4 {
-      margin: .5rem 0;
+      margin: .25rem 0;
     }
 
     h5 {
-      padding-top: .5rem;
       line-height: 2rem;
     }
 
   }
 
   .result-controls {
     padding: 0 .25rem;
-    height: 100px;
     border: 1px solid $light-gray;
     border-width: 0 0 1px 0;
     margin-top: 1rem;
+    padding-bottom: 1rem;
     @include clearfix();
 
     .sort-controls {
-      float: right;
-      margin-right: .26rem;
-      margin-bottom: 1.5rem;
+      @include span-columns(6);
+      text-align: right;
+      margin-bottom: .5rem;
 
       .button-option {
         margin-bottom: 0;
       }
     }
 
     .filter-controls {
-      float: left;
-      margin-bottom: 1.5rem;
+      @include span-columns(6);
+      margin-bottom: .5rem;
+      height: 80px;
 
       .filter-input {
+        @include media($medium-screen) {
+          width: 300px;
+        }
+
+        width: 144px;
         position: relative;
-        width: 300px;
 
         input {
           border: 1px solid $base-accent-color;
@@ -108,7 +112,8 @@
 
       .filter-results {
         display: inline-block;
-        padding-top: 2px;
+        padding-top: 10px;
+        white-space: nowrap;
       }
     }
   }
@@ -167,4 +172,8 @@
     cursor: pointer;
     text-decoration: underline;
   }
+
+  .addon-list {
+    @include clearfix;
+  }
 }