From 8bb11c52afe1e746f521f100c025053146c4bc56 Mon Sep 17 00:00:00 2001
From: Reda Lemeden <reda@thoughtbot.com>
Date: Wed, 29 Feb 2012 10:50:19 -0500
Subject: [PATCH] Fixed sidebar and question list layout in smaller resolutions

---
 sass/discussion/_discussion.scss |  1 +
 sass/discussion/_questions.scss  | 11 +++++++----
 sass/discussion/_sidebar.scss    | 15 +++++++++++++--
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/sass/discussion/_discussion.scss b/sass/discussion/_discussion.scss
index 1935711314..42d8350fef 100644
--- a/sass/discussion/_discussion.scss
+++ b/sass/discussion/_discussion.scss
@@ -39,6 +39,7 @@ body.askbot {
       div.discussion-content {
         @include box-sizing(border-box);
         display: table-cell;
+        min-width: 650px;
         padding: lh();
         vertical-align: top;
         width: flex-grid(9) + flex-gutter();
diff --git a/sass/discussion/_questions.scss b/sass/discussion/_questions.scss
index c6acfc05b7..7d82f8bbd5 100644
--- a/sass/discussion/_questions.scss
+++ b/sass/discussion/_questions.scss
@@ -87,11 +87,13 @@ div.question-list-header {
 
     }
 
-    ul.tags li {
-      background: #fff;
+    ul.tags {
+      li {
+        background: #fff;
 
-      &:before {
-        border-color: transparent #fff transparent transparent;
+        &:before {
+          border-color: transparent #fff transparent transparent;
+        }
       }
     }
   }
@@ -145,6 +147,7 @@ ul.question-list, div#question-list {
         div.user-info {
           display: inline-block;
           vertical-align: top;
+          margin-bottom: 10px;
 
           span.relative-time {
             font-weight: normal;
diff --git a/sass/discussion/_sidebar.scss b/sass/discussion/_sidebar.scss
index 47003ad4e7..fb007bab3b 100644
--- a/sass/discussion/_sidebar.scss
+++ b/sass/discussion/_sidebar.scss
@@ -7,6 +7,10 @@ div.discussion-wrapper aside {
   padding: lh();
   width: flex-grid(3);
 
+  &.main-sidebar {
+    min-width:200px;
+  }
+
   h1 {
     @extend .bottom-border;
     margin: (-(lh())) (-(lh())) 0;
@@ -26,8 +30,15 @@ div.discussion-wrapper aside {
     box-shadow: none;
   }
 
-  input[type="text"] {
-    width: 76%;
+  div.inputs {
+    input[type="submit"] {
+      width: 27%;
+      float: right;
+    }
+
+    input[type="text"] {
+      width: 62%;
+    }
   }
 
   div.box {