styles mobile side bar

Author: lexCoder2

eslint.config.js

@@ -31,8 +31,6 @@ module.exports = defineConfig([
           style: "kebab-case",
         },
       ],
-      // eslint-disable-next-line
-      "@angular-eslint/template/click-events-have-key-events": "off",
     },
   },
   {
@@ -41,6 +39,9 @@ module.exports = defineConfig([
       angular.configs.templateRecommended,
       angular.configs.templateAccessibility,
     ],
-    rules: {},
+    rules: {
+      "@angular-eslint/template/click-events-have-key-events": "off",
+      "@angular-eslint/template/interactive-supports-focus": "warn",
+    },
   },
 ]);

src/app/components/calculator/calculator.component.scss

@@ -249,8 +249,6 @@
     padding: 0 1rem;
 
     .display {
-      padding: 1.5rem;
-
       .display-value {
         font-size: 2rem;
       }
@@ -266,6 +264,17 @@
   }
 }
 
+@media (max-width: $breakpoint-md) {
+  .calculator {
+    .calculator-grid {
+      .calc-btn {
+        font-size: 1rem;
+        min-height: 90px;
+      }
+    }
+  }
+}
+
 @keyframes pulse-selection {
   0%,
   100% {