1.1.3 - alignment, badge change

Author: jimmylee

app/page.tsx

@@ -131,7 +131,7 @@ export default async function Page(props) {
       <br />
       <Grid>
         <Row>
-          {Package.name.toUpperCase()} <Badge>Version {Package.version}</Badge>
+          {Package.name.toUpperCase()} <Badge>{Package.version}</Badge>
         </Row>
         <Row>{Package.description}</Row>
       </Grid>

components/ActionButton.module.scss

@@ -1,24 +1,22 @@
 .hotkey {
   background: var(--theme-button-foreground);
   color: var(--theme-text);
-  flex-shrink: 0;
   cursor: pointer;
+  flex-shrink: 0;
   font-weight: 400;
   padding: 0 1ch 0 1ch;
-  user-select: none;
-  flex-shrink: 0;
   text-indent: 0ch;
+  user-select: none;
 }
 
 .content {
-  box-shadow: inset 0 0 0 2px var(--theme-button-foreground);
   background: var(--theme-button-background);
-  text-indent: 0ch;
-  min-width: 10%;
-  width: 100%;
-  font-weight: 400;
+  box-shadow: inset 0 0 0 2px var(--theme-button-foreground);
   cursor: pointer;
+  flex-shrink: 0;
+  font-weight: 400;
   padding: 0 1ch 0 1ch;
+  text-indent: 0ch;
   text-transform: uppercase;
   user-select: none;
 }
@@ -35,6 +33,7 @@
   box-sizing: border-box;
   font-family: var(--font-family-mono);
   font-size: var(--font-size);
+  flex-shrink: 0;
 
   &:hover .hotkey {
     background: var(--theme-focused-foreground);

components/Badge.module.scss

@@ -7,7 +7,6 @@
   outline: 0;
   border: 0;
   font-family: var(--font-family-mono);
-  font-size: 10px;
   min-height: calc(var(--theme-line-height-base) * var(--font-size));
   text-transform: uppercase;
   transition: 200ms ease all;

package.json

@@ -5,7 +5,7 @@
     "node": ">=18"
   },
   "license": "MIT",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "scripts": {
     "dev": "next -p 10000",
     "build": "next build",