back round 0 view raw

fix: align buttons and ensure consistent monospace font #11

merged

opened by

zzstoatzz.io 2 months ago targeting main from fix/button-alignment-and-font

add display: flex and align-items: center to .logout for consistent vertical alignment with .watch-live-btn
add explicit font-family: inherit to .watch-live-btn to ensure monospace font usage

🤖 Generated with Claude Code

Co-Authored-By: Claude noreply@anthropic.com

options

unified split

Changed files

src

templates.rs

src/templates.rs

···

       299
       299
        
                   -webkit-tap-highlight-color: transparent;

     

       300
       300
        
                   cursor: pointer;

     

       301
       301
        
                   border-radius: 2px;

     

       302
       302
       +
                   display: flex;

     

       303
       303
       +
                   align-items: center;

     

       302
       304
        
               }}

     

       303
       305
        
       

     

       304
       306
        
               .logout:hover, .logout:active {{

     
···

       1193
       1195
        
                   position: fixed;

     

       1194
       1196
        
                   top: clamp(1rem, 2vmin, 1.5rem);

     

       1195
       1197
        
                   right: clamp(6rem, 14vmin, 9rem);

     

       1198
       1198
       +
                   font-family: inherit;

     

       1196
       1199
        
                   font-size: clamp(0.65rem, 1.4vmin, 0.75rem);

     

       1197
       1200
        
                   color: var(--text-light);

     

       1198
       1201
        
                   border: 1px solid var(--border);