General improvements to the icon layout

baphled · Jun 14, 2010 · baa4086 · baa4086
1 parent 263c6b4
commit baa4086
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 23 deletions.
diff --git a/app/stylesheets/partials/_lists.sass b/app/stylesheets/partials/_lists.sass
@@ -10,6 +10,9 @@
     :text-align center
     :height 23px
     :width 40px
+  .order_icon:hover
+    :background #C1C4B5 none repeat scroll 0 0
+    :color black
   #lists
     :padding 16px
     .handler
@@ -24,17 +27,6 @@
       :height 50px
       :width 408px
       :margin 0 auto
-    span.active, .order_box, span.icons
-      :padding 12px 0px
-      :background #89A407 none repeat scroll 0 0
-      :border thin solid #785C17
-    ul.items-list > li
-      :background #FCFDEF none repeat scroll 0 0
-      :border-bottom thin solid #BACA54
-      :border-top thin solid #EDF2BF
-      :margin 3px
-      :min-height 62px
-      :padding 5px 8px 0
     .list_content
       :display inline-block
       :padding-left 13px

diff --git a/app/stylesheets/partials/icons.sass b/app/stylesheets/partials/icons.sass
@@ -1,13 +1,12 @@
-li.icons
-  cursor:pointer
-  list-style-image:none
-  list-style-position:outside
-  list-style-type:none
-  margin:2px
-  padding:4px 0
-  position:relative
-  float:left
-  width: 20px
-  height: 25px
 ul.icons
-  height: 25px
+  height: 25px
+  li
+    cursor:pointer
+    list-style-image:none
+    list-style-position:outside
+    list-style-type:none
+    margin:2px
+    position:relative
+    float:left
+    width: 20px
+    height: 25px
diff --git a/app/stylesheets/screen.sass b/app/stylesheets/screen.sass
@@ -119,6 +119,17 @@ body.salad
         +column(6.97)
         :padding 13px 0 0 12px
         :min-height 150px
+      span.active, .order_box, span.icons
+        :padding 12px 0px
+        :background #89A407 none repeat scroll 0 0
+        :border thin solid #785C17
+      ul.items-list > li
+        :background #FCFDEF none repeat scroll 0 0
+        :border-bottom thin solid #BACA54
+        :border-top thin solid #EDF2BF
+        :margin 3px
+        :min-height 62px
+        :padding 5px 8px 0
     #sidebar
       // One third of the grid columns, rounding down. With 24 cols, this is 8.
       !sidebar_columns = floor(!blueprint_grid_columns / 3.1)
@@ -149,6 +160,19 @@ body.salad
       :padding 13px 12px 11px 
       :margin-bottom 23px
       :float left
+      ul.icons
+        li
+          :position relative
+          :float left
+          :margin 1px
+          :padding-top 1px
+          a
+            :display block
+            :height 30px
+            :width 25px
+            :margin 0px auto
+            span
+              :margin auto 0px
     .wrapper
       :width 100%
       :display block