Add a smaller version of the site logo and title for small screens

public/stylesheets/common.css

@@ -67,6 +67,12 @@ hr {
   margin: 0px;
 }
 
+/* Rules for the site name */
+
+#small-title {
+  display: none;
+}
+
 /* Rules for the introductory text displayed in the left sidebar to new users */
 
 #intro {

public/stylesheets/small.css

@@ -38,6 +38,28 @@ h1 {
   margin-right: 1px;
 }
 
+/* Rules for the site name - shown when left sidebar is hidden */
+
+#small-title {
+  font-size: 12px;
+  line-height: 14px;
+  display: block;
+  position: absolute;
+  top: 0;
+  margin: 3px;
+}
+
+#small-title img {
+  position: absolute;
+}
+
+#small-title h1 {
+  position: absolute;
+  left: 18px;
+  font-size: 12px;
+  margin: 2px;
+}
+
 /* Rules for greeting bar in the top right corner */
 
 #greeting {