Basic user management

public/css/app.css

@@ -118,6 +118,7 @@ html {
 th {
     text-align: left;
     padding-right: 1em;
+    vertical-align: top;
 }
 
 th:after {

public/css/elements.css

@@ -12,20 +12,28 @@
 
 input[type="text"],
 input[type="email"],
-input[type="password"] {
+input[type="password"],
+select {
     width: 100%;
     font-size: 13pt;
     padding: 5px;
     border: 1px solid #ccc;
     border-radius: 5px;
     color: #656363;
+    background-color: #ffffff;
+}
+
+select {
+    width: calc(100% + 10px);
 }
 
 input[type="text"]:focus,
 input[type="email"]:focus,
-input[type="password"]:focus {
+input[type="password"]:focus,
+select:focus {
     outline: none;
     border-color: #1d4899;
+    color: #1d4899;
 }
 
 
@@ -33,7 +41,8 @@ table {
     width: 100%;
 }
 
-button, input[type="submit"] {
+input[type="button"],
+input[type="submit"] {
     cursor: pointer;
     background-color: #ffffff;
     border: 1px solid #809dd5 !important;
@@ -41,7 +50,13 @@ button, input[type="submit"] {
     font-weight: bold;
 }
 
-button:hover, input[type="submit"]:hover {
+input[type="button"]:hover,
+input[type="submit"]:hover {
     background-color: #1d4899;
     color: #ffffff;
 }
+
+.error_text {
+    color: red;
+    display: block;
+}