Some advances. TODO: test board.js, and then game.js, and then implement room.js

[vchess.git] / public / stylesheets / index.sass

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 3b94491..5f76e00 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -11,10 +11,10 @@
   padding: 0
   box-sizing: border-box
   p
-    display: inline-block
+    display: flex
     padding: 3px
     border: 1px solid black;
-    margin: 27px 15px 5px 7px
+    margin: 25px 15px 5px 7px
     @media screen and (max-width: 767px)
       margin-top: 7px
 
@@ -27,30 +27,21 @@
   img
     display: inline-block
     height: 30px
-    padding-top: 25px
+    margin-top: 25px
     @media screen and (max-width: 767px)
-      padding-top: 7px
+      margin-top: 7px
   p
     font-weight: bold
     padding: 0
     border: none
-    margin-top: 22px
+    margin-top: 21px
     font-size: 1.5em
     @media screen and (max-width: 767px)
       margin-top: 10px
       font-size: 1em
 
-#helpMenu
-  float: right
-  cursor: pointer
-  @media screen and (max-width: 767px)
-    .info-container
-      p
-        margin-right: 5px
-
 #flagMenu
   float: right
-  cursor: pointer
   margin-right: 10px
   @media screen and (max-width: 767px)
     margin-right: 5px
@@ -78,12 +69,6 @@
     @media screen and (max-width: 767px)
       margin-top: 0
 
-#readThis
-  margin-top: 0
-  color: var(--a-link-color)
-  text-decoration: underline
-  cursor: pointer
-
 #welcome
   max-width: 767px
   @media screen and (max-width: 767px)
@@ -95,7 +80,7 @@
       max-width: 552px
   ul
     list-style-type: none
-  // TODO: bad practice, use table to align things...
+  // TODO: bad practice, shouldn't use table to align things...
   table.list-table
     width: 300px
     margin: 0 auto
@@ -110,6 +95,3 @@
           padding: 0
           text-align: left
           border: 0
-  #disableMsg
-    cursor: pointer
-    color: darkred