Browse Source

Fix noscript styling

Danilo Bargen 8 years ago
parent
commit
21fa6c0125
2 changed files with 18 additions and 14 deletions
  1. 4 2
      index.html
  2. 14 12
      src/sass/sections/_noscript.scss

+ 4 - 2
index.html

@@ -53,8 +53,10 @@
 
 
     <noscript>
     <noscript>
         <img id="logo-noscript" src="img/logo.svg?v=[[VERSION]]"></img>
         <img id="logo-noscript" src="img/logo.svg?v=[[VERSION]]"></img>
-        <h2>Error: JavaScript not supported</h2>
-        <p>Please enable JavaScript in your browser to be able to use Threema Web.</p>
+        <div>
+            <h2>Error: JavaScript not supported</h2>
+            <p>Please enable JavaScript in your browser to be able to use Threema Web.</p>
+        </div>
     </noscript>
     </noscript>
 
 
     <div id="main-wrapper" ng-cloak ng-class="{wide: ctrl.wide()}">
     <div id="main-wrapper" ng-cloak ng-class="{wide: ctrl.wide()}">

+ 14 - 12
src/sass/sections/_noscript.scss

@@ -1,20 +1,22 @@
 noscript {
 noscript {
-    background-color: white;
-    display: block;
-    margin: 16px auto 0;
-    width: 50%;
-    text-align: center;
-    padding: 16px;
-
-    h2 {
-        padding-bottom: 8px;
+    div {
+        background-color: white;
+        display: block;
+        margin: 16px auto 0;
+        width: 50%;
+        text-align: center;
+        padding: 16px;
     }
     }
 
 
     img#logo-noscript {
     img#logo-noscript {
+        display: block;
         min-width: 100px;
         min-width: 100px;
         max-width: 300px;
         max-width: 300px;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid rgba(0, 0, 0, 0.54);
+        margin: 16px auto;
+        text-align: center;
+    }
+
+    h2 {
+        padding-bottom: 8px;
     }
     }
 }
 }