From 2a7e133d7e2b83447163ee99f2deec9511bc8604 Mon Sep 17 00:00:00 2001
From: Craig Oates <craig@craigoates.net>
Date: Sat, 8 Oct 2022 17:09:48 +0100
Subject: [PATCH] update main.css (user account stuff).

---
 static/css/main.css | 44 +++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 41 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index c1d1bbf..6676293 100644
--- a/static/css/main.css
+++ b/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;
 }