fix #600

2 files changed, 29 insertions, 5 deletions

diff --git a/css/content.css b/css/content.css
index ef2e20be4..787cdfb8c 100644
--- a/css/content.css
+++ b/css/content.css
@@ -135,6 +135,10 @@
     padding: 0;
 }
 
+#app-content .open .utils ul {
+    height: auto;
+}
+
     #app-content .util-spacer {
         width: 20px;
     }
@@ -226,6 +230,11 @@
         font-size: 16px;
     }
 
+    #app-content .open .utils .title h1 a {
+        overflow: scroll;
+        white-space: normal;
+    }
+
     #app-content .read .utils .title h1 a {
         font-weight: normal;
         color: #888;
@@ -236,11 +245,6 @@
         margin-right: 25px;
     }
 
-    @media (max-width: 770px) {
-        #app-content .utils .date {
-            display: none;
-        }
-    }
 
 /**
  * Expanded content
diff --git a/css/mobile.css b/css/mobile.css
new file mode 100644
index 000000000..b89089f4d
--- /dev/null
+++ b/css/mobile.css
@@ -0,0 +1,20 @@
+@media (max-width: 770px) {
+    #app-content .utils .date {
+        display: none;
+    }
+}
+
+@media (max-width: 500px) {
+    #app-content .heading .date {
+        display: none;
+    }
+
+    #app-content .heading h1 {
+    	margin-right: 0;
+    }
+
+    #app-content .article {
+    	padding-right: 5px;
+    	padding-left: 44px;
+    }
+}