fix login + headerwidth

prototype/src/main/resources/static/css/ecom.css

@@ -1,41 +1,5 @@
 @import "fonts.css";
 
-.dropdown {
-   width: 15rem;
-   display: block;
-}
-
-.dropdown-content {
-   display: none;
-   position: absolute;
-}
-.dropdown .dropdown-button {
-   display: block;
-   width: 15rem;
-   margin-top: 0px;
-   margin-bottom: 0px;
-}
-
-.dropdown:hover .dropdown-content {
-}
-
-.dropdown:hover .dropdown-button {
-   display: inline-block;
-   background-color: var(--root-c-black);
-   width: 15rem;
-   margin: 0px;
-}
-
-.dropdown:hover .dropdown-content {
-   display: flex;
-   flex-direction: column;
-   align-items: stretch;
-}
-
-.dropdown:hover .dropdown-content>* {
-   margin: 0px;
-   min-width: 15rem;
-}
 
 :root {
    font-family: "Fira Sans";
@@ -862,3 +826,48 @@ fieldset label {
 .no-margin {
    margin: 0px;
 }
+
+
+/***
+
+THE UGLY
+TODO: Refactor
+
+****/
+
+.dropdown {
+   width: 12.5rem;
+   display: block;
+}
+
+.dropdown-content {
+   display: none;
+   position: absolute;
+}
+.dropdown .dropdown-button {
+   display: block;
+   width: 12.5rem;
+   margin-top: 0px;
+   margin-bottom: 0px;
+}
+
+.dropdown:hover .dropdown-content {
+}
+
+.dropdown:hover .dropdown-button {
+   display: inline-block;
+   background-color: var(--root-c-black);
+   width: 12.5rem;
+   margin: 0px;
+}
+
+.dropdown:hover .dropdown-content {
+   display: flex;
+   flex-direction: column;
+   align-items: stretch;
+}
+
+.dropdown:hover .dropdown-content>* {
+   margin: 0px;
+   width: 12.5rem;
+}

prototype/src/main/resources/templates/login.html

@@ -18,7 +18,7 @@
 
          <div class="s">
             <label for="password">Passwort</label>
-            <input class="full-width" type="text" name="password" placeholder="Passwort" id="password" required>
+            <input class="full-width" type="password" name="password" placeholder="Passwort" id="password" required>
          </div>
 
          <div class="s">