button css

src/components/Registration.css

@@ -15,12 +15,11 @@
     flex-direction: column;
 }
 
-.clear-button {
+.clear-users-button {
     background-color: #b62200;
-    /* Green */
     border: none;
     color: white;
-    padding: 15px 0px 0px 0px;
+    padding: 5px;
     text-align: center;
     text-decoration: none;
     display: inline-block;

src/components/Registration.js

@@ -96,7 +96,7 @@ function Registration() {
                 <div className='button' onClick={() => createUser()}>Create User</div>
             </div>
             <div className='dates'>
-                <div className='clear-button' onClick={() => clearsUsers()}>Clear</div>
+                <div className='clear-users-button' onClick={() => clearsUsers()}>Clear</div>
             </div>
             <div>{message && <div className='message'>{message}</div>}</div>
         </div>