Fix bottom gap of grid

wrdler/ui.py

@@ -498,10 +498,11 @@ border-radius: 50% !important;
             position:relative;
             z-index: 1200;
             }
+          .st-emotion-cache-18kf3ut {padding-bottom:3px;}
 
           /* grid adjustments */
           @media (min-width: 560px){
-           div[data-testid="stButton"] button { max-width: 100%; aspect-ratio: 16 / 11; min-height: calc(100% + 20px) !important;}           
+           div[data-testid="stButton"] button { max-width: 100%; aspect-ratio: 16 / 11; min-height: 1.75rem; display: flex;;}           
            .st-key-new_game_btn > div[data-testid="stButton"] button, .st-key-sort_wordlist_btn > div[data-testid="stButton"] button { min-height: calc(100% + 20px) !important;}
            .st-emotion-cache-ckafi0 { gap:0.1rem !important; min-height: calc(100% + 20px) !important; aspect-ratio: 16 / 11; width: auto !important;  flex: 1 1 auto !important;  min-width: 100% !important;  max-width: 100% !important;}
            /*.st-emotion-cache-1n6tfoc { aspect-ratio: 16 / 11; min-height: calc(100% + 20px) !important;}*/
@@ -511,12 +512,15 @@ border-radius: 50% !important;
                 position:relative;
                 z-index: 1200;
               }
+            
 
           }
           div[data-testid="stElementToolbarButtonContainer"], button[data-testid="stBaseButton-elementToolbar"], button[data-testid="stBaseButton-elementToolbar"]:hover {
                display: none;
           }
-
+          @media (max-width: 991px) and (min-width: 640px){
+              .st-emotion-cache-18kf3ut {padding-bottom:0;}
+          }
           /* Mobile styles */
           @media (max-width: 640px) {
             .bw-cell, div[data-testid="stButton"] button, .st-emotion-cache-1permvm {min-width: 1.5rem; min-height:60px;}