fix #600

4 files changed, 33 insertions, 5 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 720d59fa3..d9e49d9f1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,9 @@
 owncloud-news (3.003)
 * **Bugfix**: Correctly toggle title of star and keep unread icons
 * **Bugfix**: Fix bug that prevented the webinterface's update every 60 seconds
+* **Enhancement**: Less padding right on mobile phone
+* **Enhancement**: Expanded view: remove date on mobile phone
+* **Enhancement**: Compact view: click on title should remove ellipsis
 
 owncloud-news (3.002)
 * **Bugfix**: If a folder is selected, the f and d shortcuts will jump to the previous or next folder subfeeds
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;
+    }
+}
diff --git a/templates/index.php b/templates/index.php
index cb6a89bc1..a85f23ca7 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -13,6 +13,7 @@ style('news', [
     'navigation',
     'content',
     'settings',
+    'mobile',
     'custom'
 ]);
 ?>