fixed css stuff

src/main.nim

@@ -39,7 +39,7 @@ 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]# = @[anime, illegalFormationBL]
+var myDrafts: seq[Power] #= @[empress, putInTheWork, anime, illegalFormationBL, anime, anime, anime, wanderingRoninLeft]# = @[anime, illegalFormationBL]
 var opponentDrafts: seq[Power]# = @[illegalFormationBL, anime, putInTheWork, empress]
 var draftOptions: seq[Power] = @[]
 var draftChoices: int = 3
@@ -325,11 +325,11 @@ proc createGame(): VNode =
     result = buildHtml(tdiv(class="main")):
         tdiv(class="column-scroll"):
             for p in myDrafts:
-                    createPowerSummary(p)
+                createPowerSummary(p)
         if side == white: createBoard() else: reverseBoard()
         tdiv(class="column-scroll"):
             for p in opponentDrafts:
-                    createPowerSummary(p)
+                createPowerSummary(p)
 
 proc main(): VNode = 
     result = buildHtml(tdiv(class="main")):
@@ -342,6 +342,4 @@ proc main(): VNode =
         of Game: createGame()
 
 
-
-
 setRenderer main

styles.css

@@ -133,6 +133,10 @@ img {
     padding: 5px;
     background-color: #F8F7F7;
     justify-content: center;
+    height: 15%;
+    max-height: 15%;
+    min-width: 100%;
+    text-wrap: wrap;
 }
 
 .power-grid:hover {
@@ -154,6 +158,8 @@ img {
 
 .image {
     grid-area: img;
+    max-width: 100%;
+    max-height: 100%;
 }
 
 .power > h1 {