From 2335c655f5db9b579a38a2b5057aff56aba51eb9 Mon Sep 17 00:00:00 2001
From: Ajay Vallurupalli <ajay.vallurupalli@gmail.com>
Date: Thu, 17 Oct 2024 08:19:25 -0400
Subject: [PATCH] fixed css with hardcoded value

---
 src/main.nim | 8 ++++----
 styles.css   | 7 +++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/main.nim b/src/main.nim
index fc65e71..8ec39f4 100644
--- a/src/main.nim
+++ b/src/main.nim
@@ -5,7 +5,7 @@ from sequtils import foldr, mapIt
 
 #[TO DO
 Check if a handshake is needed when drafting, or if no data would be lost
-add priotirty sustem to powers to fix conflicting issues
+---add priotirty sustem to powers to fix conflicting issues
 make castling a move instead so that the highlighted tile is green not yellow
 add invisible borders to prevent odd resizing when clicking
 lots of playtesting
@@ -39,8 +39,8 @@ var peer: tuple[send: proc(data: cstring), destroy: proc()]
 var side: Color#= white # = white only for testing, delete
 var turn: bool# = true# = true#only for testing
 
-var myDrafts: seq[Power] #= @[empress, putInTheWork, anime, illegalFormationBL, anime, anime, anime, wanderingRoninLeft]# = @[anime, illegalFormationBL]
-var opponentDrafts: seq[Power]# = @[illegalFormationBL, anime, putInTheWork, empress]
+var myDrafts: seq[Power]# = @[empress, putInTheWork, anime, illegalFormationBL, anime, anime, anime, wanderingRoninLeft]# = @[anime, illegalFormationBL]
+var opponentDrafts: seq[Power]# = @[wanderingRoninLeft, anime, putInTheWork, empress]
 var draftOptions: seq[Power] = @[]
 var draftChoices: int = 3
 var drafts: int = 2
@@ -49,7 +49,7 @@ var theBoard: ChessBoard = startingBoard()
 var selectedTile: Tile = (file: -1, rank: -1)
 var possibleMoves: Moves = @[]
 var possibleTakes: Moves = @[]
-var currentScreen: Screen = Lobby# = Draft
+var currentScreen: Screen = Lobby # = Draft
 var gameMode: Gamemode# = TrueRandom #deubg
 
 #also for debugging
diff --git a/styles.css b/styles.css
index a4ea0fa..d8c971d 100644
--- a/styles.css
+++ b/styles.css
@@ -129,16 +129,23 @@ img {
         'desc  desc  desc  img   img'
         'desc  desc  desc  img   img'
         'desc  desc  desc  .     .';
+
     gap: 10px;
     padding: 5px;
     background-color: #F8F7F7;
     justify-content: center;
     height: 15%;
     max-height: 15%;
+    min-height: 15%;
     min-width: 100%;
     text-wrap: wrap;
 }
 
+.power-grid > img {
+    position: relative;
+    max-height: 55px;
+}
+
 .power-grid:hover {
     background-color: #DCDCDC;
 }