Responsive Part 2 - Login

Updated Login CSS and cleaned up login notifications to alert when
something is amiss.

public/assets/css/dash/frame.css

@@ -114,42 +114,6 @@ header
   color: var(--primary);
 }
 
-section[role="login"] {
-  margin: 15% auto;
-  padding: 10px;
-  width: 500px;
-  border-radius: 5px;
-  background: var(--white);
-  display: grid;
-  grid-template-columns: 28.5% 1fr;
-  gap: 10px;
-}
-
-section[role="login"] form input {
-  width: 95%;
-  height: 30px;
-  padding: 5px;
-  margin-bottom: 10px;
-}
-
-section[role="login"] form button {
-  padding: 10px 5px;
-  width: 82%;
-}
-
-section[role="login"] form a {
-  padding: 10px 5px;
-  border-radius: 5px;
-  width: 10%;
-  height: 20px;
-  display: inline-block;
-  background: var(--tertiary);
-  vertical-align: top;
-  text-align: center;
-  margin: 0 0 0 10px;
-  font-weight: 600;
-}
-
 /* RESPONSIVE */
 
 @media only screen and (max-width: 900px) {

public/assets/css/dash/init.css

@@ -0,0 +1,54 @@
+/* LOGIN */
+
+section[role="login"] {
+  margin: 15% auto;
+  padding: 10px;
+  width: 500px;
+  border-radius: 5px;
+  display: grid;
+  grid-template-columns: 28.5% 1fr;
+  gap: 10px;
+}
+
+section[role="login"] form input {
+  width: 95%;
+  height: 30px;
+  padding: 5px;
+  margin-bottom: 10px;
+}
+
+section[role="login"] form button {
+  padding: 10px 5px;
+  width: 82%;
+}
+
+section[role="login"] form a {
+  padding: 10px 5px;
+  border-radius: 5px;
+  width: 10%;
+  height: 20px;
+  display: inline-block;
+  background: var(--tertiary);
+  vertical-align: top;
+  text-align: center;
+  margin: 0 0 0 10px;
+  font-weight: 600;
+}
+
+/* LOGIN */
+
+@media only screen and (max-width: 500px) {
+  section[role="login"] {
+    width: 97%;
+  }
+}
+
+@media only screen and (max-width: 375px) {
+  section[role="login"] {
+    grid-template-columns: 1fr;
+  }
+
+  section[role="login"] img {
+    width: 50px;
+  }
+}

public/assets/css/dash/start.css

@@ -4,6 +4,7 @@
 @import url("frame.css");
 @import url("icons.css");
 @import url("notifications.css");
+@import url("init.css");
 @import url("index.css");
 @import url("book.css");
 @import url("page-editor.css");

public/assets/scripts/Start.js

@@ -7666,9 +7666,8 @@ class $5ec7c34d3cbf8bc6$export$2e2bcd8739ae039 {
         this.processing = true;
         api.login(authForm).then((response)=>{
             self.processing = false;
-            if (response.type === $995f55a4eccd256d$export$f99ec790401d28da) $5ec7c34d3cbf8bc6$var$notify.alert(response.message, false);
+            if (response.type === $995f55a4eccd256d$export$f99ec790401d28da) e.target.innerHTML = response.message;
             else {
-                //notify.alert(response.message, true);
                 e.target.innerHTML = response.message;
                 setTimeout(()=>{
                     window.location = "/dashboard";
@@ -7676,7 +7675,6 @@ class $5ec7c34d3cbf8bc6$export$2e2bcd8739ae039 {
             }
         }).catch((err)=>{
             self.processing = false;
-            $5ec7c34d3cbf8bc6$var$notify.alert(err, false);
         });
     }
     handleSetup(e) {

src/com/Base.js

@@ -64,9 +64,8 @@ export default class Base {
 			.then(response => {
 				self.processing = false;
 				if (response.type === DataEvent.REQUEST_LAME) {
-					notify.alert(response.message, false);
+					e.target.innerHTML = response.message;
 				} else {
-					//notify.alert(response.message, true);
 					e.target.innerHTML = response.message;
 					setTimeout(() => {
 						window.location = '/dashboard';
@@ -75,7 +74,6 @@ export default class Base {
 			})
 			.catch(err => {
 				self.processing = false;
-				notify.alert(err, false);
 			});
 	}