From e9bd1a4d9b426f492b333d0848de592e3674255b Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Mon, 19 Sep 2022 18:36:31 -0400
Subject: [PATCH] better css class naming for re-use (#50)

---
 ui/src/Login.js    |  2 +-
 ui/src/Register.js |  4 ++--
 ui/src/index.css   | 14 +++++++-------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/ui/src/Login.js b/ui/src/Login.js
index 5cd4717d..ed1bbaa7 100644
--- a/ui/src/Login.js
+++ b/ui/src/Login.js
@@ -29,7 +29,7 @@ const Login = (props) => {
     };
 
     return (
-        <div className={"login"}>
+        <div className={"fullscreen"}>
             <img src={"ziggy.svg"} width={200}/>
             <h1>zrok</h1>
             <form onSubmit={handleSubmit}>
diff --git a/ui/src/Register.js b/ui/src/Register.js
index ecdf5533..54a30864 100644
--- a/ui/src/Register.js
+++ b/ui/src/Register.js
@@ -12,7 +12,7 @@ const Proceed = (props) => {
     }
 
     return (
-        <div className={"login"}>
+        <div className={"fullscreen"}>
             <img src={"/ziggy.svg"} width={200}/>
             <h1>A new zrok user!</h1>
             <h2>{props.email}</h2>
@@ -32,7 +32,7 @@ const Proceed = (props) => {
 
 const Failed = () => {
     return (
-        <div className={"login"}>
+        <div className={"fullscreen"}>
             <img src={"/ziggy.svg"} width={200}/>
             <h1>No such account request!</h1>
         </div>
diff --git a/ui/src/index.css b/ui/src/index.css
index 3c4a1395..e63ab81c 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -20,7 +20,7 @@ h1, h2, h3, h4, h5, h6 {
   margin-right: 10%;
 }
 
-.login {
+.fullscreen {
   background-color: #3b2693;
   text-align: center;
   padding: 25px;
@@ -31,28 +31,28 @@ h1, h2, h3, h4, h5, h6 {
   height: 100vh;
   justify-content: center;
 }
-.login h1 {
+.fullscreen h1 {
   font-size: 64pt;
 }
-.login fieldset {
+.fullscreen fieldset {
   width: 500px;
   border-radius: 25px;
 }
-.login label {
+.fullscreen label {
   text-align: right;
   width: 100px;
   float: left;
   font-family: 'Russo One', sans-serif;
   margin-right: 10px;
 }
-.login fieldset legend {
+.fullscreen fieldset legend {
   font-family: 'Russo One', sans-serif;
 }
-.login fieldset p {
+.fullscreen fieldset p {
   clear: both;
   padding: 5px;
 }
-.login input {
+.fullscreen input {
   width: 300px;
   float: left;
 }