Forráskód Böngészése

Some styling tweaks

Kirk Trombley 5 éve
szülő
commit
ccd04898e8

+ 1 - 0
client/src/components/util/GameCreationForm/Dropdown.module.css

@@ -20,6 +20,7 @@
   text-align: center;
   padding: 4px;
   background-color: #555;
+  border: 4px solid #333;
   color: #fff;
   font-weight: 600;
   cursor: pointer;

+ 13 - 8
client/src/index.css

@@ -1,13 +1,19 @@
-body {
-  margin: 0;
+body,
+input,
+button {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
+  color: #ccc;
+  font-weight: 500;
+  font-size: 16px;
+}
+
+body {
+  margin: 0;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: #222;
-  color: #ccc;
-  font-weight: 500;
 }
 
 code {
@@ -17,7 +23,7 @@ code {
 
 button {
   border-radius: 0px;
-  border: 1px solid #555;
+  border: 4px solid #333;
   padding: 8px;
   background-color: #555;
   color: #fff;
@@ -30,9 +36,8 @@ button:hover {
   background-color: #777;
 }
 
-button:focus { 
-  outline: none;
-  border: 1px solid #999;
+button:focus {
+  outline: #999 solid 1px;
 }
 
 button::-moz-focus-inner {