update main.css (user account stuff).

static/css/main.css

@@ -103,6 +103,33 @@ input[type=password] {
     margin: 60px 0px;
 }
 
+.be-user-accounts-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    /* margin-bottom: 20px; */
+}
+
+.be-user-accounts-container p,
+.be-user-accounts-container .be-gui-button-no-text {
+    display: inline;
+    padding: 4px;
+}
+
+.be-user-accounts-container p,
+.be-user-accounts-container label {
+    margin: 0px 4px;
+}
+
+.be-user-accounts-container p {
+    font-weight: bold;
+}
+
+.be-user-accounts-container input[type=password] {
+    height: 34px;
+    width: 100%;
+}
+
 .be-section-thumbnail-row {
     display: flex;
     flex-direction: row;
@@ -177,7 +204,7 @@ input[type=password] {
 .be-gui-button:hover,
 .be-gui-link-no-text:hover,
 .be-gui-button-no-text:hover {
-    background: #473951;
+    bckground: #473951;
 }
 
 .be-gui-link img,
@@ -217,6 +244,10 @@ input[type=password] {
     margin-bottom: 4px;
 }
 
+hr {
+    margin: initial;
+}
+
 .be-gui-form input {
     margin-bottom: 12px;
     height: 24px;
@@ -224,6 +255,12 @@ input[type=password] {
 
 .be-gui-form-inline {
     display: inline;
+    align-items: center;
+}
+
+.be-gui-form-inline-flex{
+    display: flex;
+    align-items: center;
 }
 
 .be-gui-form input[type=checkbox] {
@@ -376,7 +413,7 @@ input[type=password] {
     display: flex;
     justify-content: center;
     flex-direction: column;
-    margin: 0px auto;
+    margin: 20px auto;
 }
 
 .be-dashboard-header {
@@ -492,7 +529,8 @@ input[type=password] {
 }
 
 .be-section-entry:hover,
-.be-index-item:hover {
+.be-index-item:hover,
+.be-user-accounts-container:hover {
     background: #fff6d2;
 }