- Merge with nodpounod :3

app/widgets/Notifs/notifs.css

@@ -1,5 +1,6 @@
 #notifs_widget li:not(:first-child) {
     margin-bottom: 0.5em;
+    display: list-item;
 }
 
 #notifs_widget li img {
@@ -9,11 +10,6 @@
     border-radius: 1em;
 }
 
-#notifs_widget.groupshown {
-    height: auto;
-}
-
-#notifs_widget{
-    height: 0;
-    overflow: hidden;
+#notifs_widget.groupshown li:not(:first-child){
+    display: none;
 }

app/widgets/Notifs/notifs.js

@@ -20,14 +20,16 @@ var Notifs = {
         }
         
         /* Should the list of pending invitations show? */
-        var invitShown = document.querySelector('#notifs_widget li.subheader');
+        var invitShown = document.querySelector('#notifs_widget li.subheader')
         if(invitShown){
             var ls = localStorage.getObject(Notifs.lswidget);
             if(ls === null){
                 localStorage.setObject(Notifs.lswidget, {"invitShown": true});
                 Notifs.ls = localStorage.getObject(Notifs.lswidget);
-                document.querySelector('#notifs_widget').className += " groupshown";
             }
+            if(localStorage.getObject(Notifs.lswidget).invitShown === true)
+                document.querySelector('#notifs_widget').className += " groupshown";
+                
             invitShown.onclick = function(e) {
                 Notifs.showHide(e.target);
             }

themes/material/css/form.css

@@ -67,6 +67,15 @@ main > header form > div:not(.clear):not(.control) > .select:after,
 main > header form > div:not(.clear):not(.control) > .select select {
     color: white;
 }
+    /* Placeholders to mimic FF */
+    ::-webkit-input-placeholder { /* WebKit browsers */
+        color:    #fff;
+        opacity: 0.5;
+    }
+    :-ms-input-placeholder { /* Internet Explorer 10+ */
+        color:    #fff;
+        opacity: 0.5;
+    }
 
 form > div > .select,
 form > div > input:not([type=submit]),