From 0f57e90cb06962fc84ff21c0fb796ac449495a9e Mon Sep 17 00:00:00 2001
From: Manuel Hiebel <leuhmanu@mageia.org>
Date: Mon, 13 Mar 2017 21:58:46 +0100
Subject: Better display of newslist on mobile/little sceen

---
 en/index.php | 36 ++++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 16 deletions(-)

(limited to 'en/index.php')

diff --git a/en/index.php b/en/index.php
index 248a7501e..bf4f1b71b 100644
--- a/en/index.php
+++ b/en/index.php
@@ -135,12 +135,31 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
     }
     #fnotes a { color: #aaa; text-decoration: none; }
     .free-dl { color: green; font-weight: bold; }
+    
+    #newslist {
+        display: block;
+        padding: 5px 10px;
+        margin: 0px 70px;
+        background: rgba(255,255,255, 0.1);
+        border-radius: 4px;
+        color: #ddeeff;
+        text-shadow: none;
+        font-size: 120%;
+    }
+    #newslist a {
+        color: #ddeeff;
+        text-decoration: none;
+    }
+    #newslist a:hover { color: #ffffff; }
+    
 
     /* Landscape phones and down */
     @media (max-width: 480px) {}
 
     /* Landscape phone to portrait tablet */
-    @media (max-width: 768px) {}
+    @media (max-width: 768px) {
+        #newslist { margin: 0px; }
+    }
 
     /* Portrait tablet to landscape and desktop */
     @media (max-width: 1000px) {
@@ -204,21 +223,6 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
         }
     }
     @media (min-width: 1200px) {}
-    #newslist {
-        display: block;
-        padding: 5px 10px;
-        margin: 0px 70px;
-        background: rgba(255,255,255, 0.1);
-        border-radius: 4px;
-        color: #ddeeff;
-        text-shadow: none;
-        font-size: 120%;
-    }
-    #newslist a {
-        color: #ddeeff;
-        text-decoration: none;
-    }
-    #newslist a:hover { color: #ffffff; }
     </style>
     <link rel="stylesheet" href="/g/fa/css/font-awesome.css">
 </head>
-- 
cgit v1.2.1