Improves UI

omega-coder · omega-coder · commit 24cb13200e3d · 2019-04-18T19:57:44.000+02:00
diff --git a/static/css/app.css b/static/css/app.css
@@ -28,4 +28,17 @@
 tbody#pgn-moves {
     font-family: 'chesspirate', sans-serif;
 }
-    
+
+
+/* Overflow moves tables */
+.card-body#game-moves {
+    overflow-y: scroll;
+    max-height: 460px;
+}
+
+tbody tr td:hover {
+    background-color: #20a4f3;
+    cursor: pointer;
+}
+
+
diff --git a/templates/index.html b/templates/index.html
@@ -74,12 +74,12 @@
               <div class="card-header">
                 <span>Moves</span>
               </div>
-              <div class="card-body">
+              <div class="card-body" id="game-moves">
                 <table class="table table-striped table-sm table-dark table-hover">
                   <thead>
                     <tr>
                       <th scope="col">#</th>
-                      <th scope="col">White</th>
+                      <th scope="col" class="active">White</th>
                       <th scope="col">Black</th>
                     </tr>
                   </thead>
