Update Tap Targets Size for Lighthouse Score

1 files changed, 6 insertions, 4 deletions

diff --git a/sass/abridge.scss b/sass/abridge.scss
index 38ff80c..193b3e5 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -1152,18 +1152,18 @@ $syntax: true !default;//syntax highlighting for code blocks
   }
   .searchd {
     display: flex;
+    position: relative;
     align-items: center;
     white-space: nowrap;
   }
   .searchd > input {
     max-width: 100%;
     flex-grow: 1;
-    padding-right: 1rem;//inlayed search icon
+    padding-right: 2rem;//inlayed search icon
   }
   .searchd > button {//inlayed search icon
-    position: relative;
-    left: -1rem;
-    margin-left: -1rem;
+    position: absolute;
+    right: .5rem;
   }
   // mobile first is min-width for desktop instead of max-width for mobile
   @if map-get($breakpoints, "md") {
@@ -1366,6 +1366,8 @@ $syntax: true !default;//syntax highlighting for code blocks
   .svgs {
     width: var(--fs);
     height: var(--fs);
+    min-width: 24px;
+    min-height: 24px;
     display: inline-block;
     //overflow: hidden;
     text-align: center;