Fix history sidebar for small screens

[rails.git] / app / assets / stylesheets / ltr.css.scss

diff --git a/app/assets/stylesheets/ltr.css.scss b/app/assets/stylesheets/ltr.css.scss
index e85813e287ce034ae8832ca329a29b16a6465c47..2fc5c8053c9a816422c6e636f03c727c5674671d 100644 (file)
--- a/app/assets/stylesheets/ltr.css.scss
+++ b/app/assets/stylesheets/ltr.css.scss
@@ -6,6 +6,12 @@ html body {
   text-align: left;
 }
 
+/* Rules for the left sidebar */
+
+#left {
+  border-right: 1px solid #ccc;
+}
+
 /* Rules for the menu displayed in the left sidebar */
 
 .left_menu {
@@ -31,7 +37,7 @@ html body {
 
 /*
  * Rules for "optional boxes" which appear in the left sidebar on
- * certain pages. Current users are the seach box on the main page
+ * certain pages. Current users are the search box on the main page
  * and the tag cloud on the traces pages.
  */
 
@@ -40,10 +46,27 @@ html body {
   text-align: left;
 }
 
+/* Rules for the search box */
+
+#search_field input[type="text"] {
+  padding: 2px 0px 2px 5px;
+}
+
+#search_field input[type="submit"] {
+  right: 4px;
+}
+
+/* Rules for donation request box */
+
+.donate .donate-icon {
+  left: 17px;
+}
+
 /* Rules for tabbed navigation bar */
 
 #top-bar {
-  margin-left: 185px;
+  left: 185px;
+  right: 0;
 }
 
 #tabnav a,
@@ -66,12 +89,6 @@ html body {
   left: 15px
 }
 
-/* Rules for OpenLayers maps */
-
-#map {
-  border-left: 1px solid #ccc;
-}
-
 /* Rules for attribution text under the main map shown on printouts */
 
 .attribution_license {
@@ -86,7 +103,7 @@ html body {
 
 #sidebar {
   left: 0px;
-  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
 }
 
 #sidebar #sidebar_title {
@@ -100,9 +117,8 @@ html body {
 /* Rules for the main content area */
 
 #content {
+  margin-left: 185px;
   border-left: 1px solid #ccc;
-  left: 185px;
-  right: 0px;
   text-align: left;
 }
 
@@ -152,6 +168,10 @@ html body {
   float: right;
 }
 
+.diary_entry-list img.user_thumbnail {
+  float: right;
+}
+
 /* Rules for the diary entry view */
 
 .diary_entry-view img.user_image {