minor sass tweaks

app/views/shared/_group_nav.haml

@@ -2,16 +2,15 @@
   %ul
     - for group in @groups
       %li{:id => group.id, :class => ("selected" if current_group?(group))}
-        %span.group_name
+        = link_for_group group
-          = link_for_group group
 
-    %li.new_group= link_to("+", "#add_group_pane", :id => "add_group_button")
+    %li.new_group= link_to("+", "#add_group_pane", :id => "add_group_button", :title => "Add a new relation")
 
     #group_manage_button
-      = link_to "manage", edit_group_path(Group.first), :class => "edit_group_button", :title => "Manage your facets."
+      = link_to "manage", edit_group_path(Group.first), :class => "edit_group_button", :title => "Manage your relations"
 
   %ul{ :style => "position:absolute;right:0;bottom:0;"}
-    %li{:class => ("selected" if @group == :all)}
+    %li{:class => ("selected" if @group == :all), :style => "margin-right:0;"}
       = link_to "All Relations", root_url
 
   .yo{ :style => "display:none;"}

public/stylesheets/application.css

@@ -73,12 +73,11 @@ header {
   margin: -2em;
     margin-bottom: 2em;
   color: black;
-  background-color: #333333;
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(black));
   padding: 0;
   border-bottom: 1px solid #cccccc; }
   header #diaspora_text {
     z-index: 6;
-    position: absolute;
     display: inline;
     font-family: "BrandonGrotesqueLightRegular";
     font-size: 16px;
@@ -246,12 +245,14 @@ ul.comment_set {
       margin-top: -5px;
       margin-bottom: 0; }
 
-.profile_photo {
+.profile_photo img {
-  float: left;
+  height: 150px;
-  margin-right: 10px; }
+  width: 150px; }
 
 #profile ul {
-  list-style-type: none; }
+  list-style-type: none;
+  margin: 0;
+  padding: 0; }
 
 #stream img.person_picture, #profile img.person_picture,
 .comments img.person_picture {
@@ -452,49 +453,44 @@ h1.big_text {
 
 #group_nav {
   position: relative;
-  color: black; }
+  color: black;
+  margin-top: 7px;
+  margin-bottom: 1px; }
   #group_nav #group_manage_button {
-    display: inline;
+    display: inline; }
-    margin-top: 1px;
-    font-size: 12px; }
     #group_nav #group_manage_button a {
       color: #999999; }
   #group_nav ul {
-    margin-bottom: 0;
+    margin: 0;
-    margin-right: 0;
     padding: 0;
-      padding-bottom: 0px;
+    list-style: none; }
-      padding-top: 35px;
-      padding-right: 0;
-    display: inline-block;
-    list-style: none;
-    font-size: 14px; }
     #group_nav ul > li {
-      background-color: #444444;
+      padding: 0;
       display: inline;
-      margin-right: 0.5em;
+      margin-right: 0.5em; }
-      padding: 3px 8px;
-      border: 1px solid #555555; }
-      #group_nav ul > li.last-child {
-        margin-right: 0; }
       #group_nav ul > li a {
+        background-color: #444444;
+        border: 1px solid #555555;
+        -webkit-border-radius: 3;
+        position: relative;
+        padding: 3px 8px;
         color: #999999; }
         #group_nav ul > li a:hover {
           background: none; }
-        #group_nav ul > li a.editable:hover {
+      #group_nav ul > li:hover a {
-          background: yellow; }
+        background-color: #555555;
-      #group_nav ul > li:hover {
+        color: #cccccc; }
-        background-color: #444444; }
+      #group_nav ul > li.selected a {
-        #group_nav ul > li:hover a {
+        padding-top: 5px;
-          color: #999999; }
+        padding-bottom: 3px;
-      #group_nav ul > li.selected {
+        line-height: 18px;
         font-weight: bold;
         background-color: #eeeeee;
         border-bottom: 1px solid #eeeeee;
         color: black; }
-        #group_nav ul > li.selected:hover {
+        #group_nav ul > li.selected a:hover {
           background-color: #efefef; }
-        #group_nav ul > li.selected a {
+        #group_nav ul > li.selected a a {
           color: black; }
 
 #add_photo_loader {

public/stylesheets/sass/application.sass

@@ -78,15 +78,13 @@ header
   :margin -2em
     :bottom 2em
   :color #000
-  :background
+  :background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#000000))
-    :color #333
   :padding 0
   :border
     :bottom 1px solid #ccc
 
   #diaspora_text
     :z-index 6
-    :position absolute
     :display inline
     :font
       :family 'BrandonGrotesqueLightRegular'
@@ -314,11 +312,15 @@ ul.comment_set
         :bottom 0
 
 .profile_photo
-  :float left
+  img
-  :margin-right 10px
+    :height 150px
+    :width 150px
+
 #profile
   ul
     :list-style-type none
+    :margin 0
+    :padding 0
         
 
 #stream, #profile,
@@ -577,59 +579,54 @@ h1.big_text
 #group_nav
   :position relative
   :color #000
+  :margin
+    :top 7px
+    :bottom 1px
 
 
   #group_manage_button
     :display inline
-    :margin
-      :top 1px
-    :font
-      :size 12px
 
     a
       :color #999
 
   ul
-    :margin
+    :margin 0
-      :bottom 0
-      :right 0
     :padding 0
-      :bottom 0px
-      :top 35px
-      :right 0
-    :display inline-block
     :list
       :style none
-    :font
+
-      :size 14px
 
     > li
-      :background
+      :padding 0
-        :color #444
       :display inline
       :margin
         :right 0.5em
-      :padding 3px 8px
-      :border 1px solid #555
-
-      &.last-child
-        :margin
-          :right 0
 
       a
+        :background
+          :color #444
+        :border 1px solid #555
+
+        :-webkit-border-radius 3
+
+        :position relative
+        :padding 3px 8px
         :color #999
         &:hover
           :background none
-        &.editable:hover
-          :background yellow
 
-      &:hover
+      &:hover a
         :background
-          :color #444
+          :color #555
-        a
+        :color #ccc
-          :color #999
 
-      &.selected
+      &.selected a
+        :padding
+          :top 5px
+          :bottom 3px
+        :line
+          :height 18px
         :font
           :weight bold
         :background