style notification menu to be more mobile-friendly

[friendica.git] / view / theme / vier / mobile.css

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index a1ed516eb744aad6a69300b9b2ba2cead923870a..7beeb7a2e7063445c29d6dbdf206867f7546224a 100644 (file)
--- a/view/theme/vier/mobile.css
+++ b/view/theme/vier/mobile.css
@@ -107,11 +107,20 @@ nav ul {
     max-width: 100%;
   }
 
-  /* the top-nav notfication menu
-    Note: the device needs a min display width of 320px */
-  #nav-notifications-menu {
-    width: 270px;
+  
+  /* the top-nav notfication menu */
+  nav #nav-notifications-linkmenu .menu-popup {
+       position: fixed;
+       left: 10px;
+       right: 10px;
+       top: 44px;
+       bottom: 10px;
+       width: auto;
+       max-width: none;
+       max-height: none;
   }
+  
+
 }
 
 .wall-item-container.thread_level_2,