Browse code

Gestaltung der Login-Seite auf kleineren Bildschirmen verbessert

Bernd Wurst authored on 07/06/2018 14:19:14
Showing 4 changed files
... ...
@@ -157,8 +157,7 @@ div.confirmation p.buttons input {
157 157
 
158 158
 
159 159
 .login_label {
160
-        display: inline-block;
161
-        width: 130px;
160
+        display: block;
162 161
 }
163 162
 
164 163
 input[type=text],input[type=password],textarea,select {
... ...
@@ -34,12 +34,6 @@ p.admininfo {
34 34
 p.userinfo {
35 35
 }
36 36
 
37
-.login_label {
38
-        display: block;
39
-        float: left;
40
-        width: 130px;
41
-}
42
-
43 37
 
44 38
 div.sidebar {
45 39
     display: none;
... ...
@@ -58,8 +58,8 @@ if ($messages) {
58 58
 <h3 class="headline">schokokeks.org Hosting Webinterface</h3>
59 59
 <p>Auf dieser Seite können Sie diverse Einstellungen Ihres Accounts auf schokokeks.org Hosting festlegen. Sofern Sie noch kein Kunde von schokokeks.org Hosting sind, können Sie diese Seite nicht benutzen. Besuchen Sie in diesem Fall bitte unsere <a href="https://schokokeks.org">öffentliche Seite</a>.</p>
60 60
 <form action="" method="post">
61
-<p><label for="username" class="login_label">Benutzername oder E-Mail-Adresse:</label> <input type="text" id="username" name="webinterface_username" size="30" /></p>
62
-<p><label for="password" class="login_label">Passwort:</label> <input type="password" id="password" name="webinterface_password" size="30" /></p>
61
+<p class="login_field"><label for="username" class="login_label">Benutzername oder E-Mail-Adresse:</label> <input type="text" id="username" name="webinterface_username" size="30" /></p>
62
+<p class="login_field"><label for="password" class="login_label">Passwort:</label> <input type="password" id="password" name="webinterface_password" size="30" /></p>
63 63
 <p><span class="login_label">&#160;</span> <input type="submit" value="Anmelden" /></p>
64 64
 </form>
65 65
 <p>Sie können sich hier mit Ihrem System-Benutzernamen, Ihrer E-Mail-Adresse oder Ihrer Kundennummer (jeweils mit zugehörigem Passwort) anmelden. Je nach gewählten Daten erhalten Sie unterschiedliche Zugriffsrechte.</p>
... ...
@@ -23,4 +23,4 @@
23 23
 
24 24
 @charset "utf-8";
25 25
 @import url('desktop.css');
26
-@import url('mobile.css') screen and (max-width: 1000px);
26
+@import url('mobile.css') screen and (max-width: 800px);