Gestaltung der Login-Seite auf kleineren Bildschirmen verbessert
Bernd Wurst

Bernd Wurst commited on 2018-06-07 14:19:14
Zeige 4 geänderte Dateien mit 4 Einfügungen und 11 Löschungen.

... ...
@@ -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);
27 27