fix some small css bugs in askbot

templates/sass/base/_extends.scss

@@ -46,6 +46,36 @@ h1.top-header {
   }
 }
 
+.light-button, a.light-button {
+  @include box-shadow(inset 0 1px 0 #fff);
+  @include linear-gradient(#fff, lighten(#888, 40%));
+  @include border-radius(3px);
+  border: 1px solid #ccc;
+  padding: 4px 8px;
+  color: #666;
+  font: normal $body-font-size $body-font-family;
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-font-smoothing: antialiased;
+
+  &:hover, &:focus {
+    @include linear-gradient(#fff, lighten(#888, 37%));
+    border: 1px solid #ccc;
+    text-decoration: none;
+  }
+}
+
+.action-link {
+  a {
+    color: $mit-red;
+
+    &:hover {
+      text-decoration: none;
+      color: darken($mit-red, 20%);
+    }
+  }
+}
+
 .content {
   @include box-shadow(inset 0 0 2px 3px #f3f3f3);
   @include box-sizing(border-box);

templates/sass/discussion/_discussion.scss

@@ -1,34 +1,3 @@
-// Base extends (Merge with main stylesheet later)
-.light-button, a.light-button {
-  @include box-shadow(inset 0 1px 0 #fff);
-  @include linear-gradient(#fff, lighten(#888, 40%));
-  @include border-radius(3px);
-  border: 1px solid #ccc;
-  padding: 4px 8px;
-  color: #666;
-  font: normal $body-font-size $body-font-family;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-font-smoothing: antialiased;
-
-  &:hover, &:focus {
-    @include linear-gradient(#fff, lighten(#888, 37%));
-    border: 1px solid #ccc;
-    text-decoration: none;
-  }
-
-}
-.action-link {
-  a {
-    color: $mit-red;
-
-    &:hover {
-      text-decoration: none;
-      color: darken($mit-red, 20%);
-    }
-  }
-}
-
 // Layout
 body.askbot {
 

templates/sass/discussion/_questions.scss

@@ -105,8 +105,8 @@ ul.question-list, div#question-list {
   li.single-question {
     border-bottom: 1px solid #eee;
     list-style: none;
-    padding: 10px 3%;
+    padding: 10px lh();
-    margin-left: -3%;
+    margin-left: (-(lh()));
     width: 100%;
 
     &:hover {

templates/sass/discussion/_sidebar.scss

@@ -288,6 +288,7 @@ div.discussion-wrapper aside {
       border-top: 0;
       @include box-shadow(none);
     }
+
     a {
       width: 100%;
       @include box-sizing(border-box);
@@ -295,6 +296,7 @@ div.discussion-wrapper aside {
       padding: 10px;
       display: block;
       margin-top: 10px;
+      @extend .light-button;
 
       &:first-child {
         margin-top: 0;