fixed svg location and sizing, and removed hover outline

src/assets/pages/resources-landing-page.html

@@ -111,7 +111,7 @@
                     <div class="search">
                         <input type="text" class="searchTerm" placeholder="Search">
                         <button type="submit" class="searchbutton">
-                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-search" fill="info" xmlns="http://www.w3.org/2000/svg">
+                        <svg width="100%" height="auto" viewBox="-1 -3 22 22" class="bi bi-search" fill="info" xmlns="http://www.w3.org/2000/svg">
                         <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
                         <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
                         </svg>

src/assets/pages/styles/theme-base.scss

@@ -87,7 +87,7 @@ body {
   position: relative;
   display: flex;
   margin: auto;
-  max-width: 1200px
+  max-width: 1100px
 }
 
 .sb-example-1 .searchTerm {
@@ -102,6 +102,7 @@ body {
   color: map-get($theme-colors, searchhint);
   background-color: map-get($theme-colors, info);
   box-shadow: none;
+  outline: none;
 }
 
 .sb-example-1 .searchTerm:focus {
@@ -109,6 +110,7 @@ body {
   background-color: map-get($theme-colors, info);
   box-shadow: none;
   color: map-get($theme-colors, searchfont) !important;
+  outline: none;
 }
 
 .sb-example-1 .searchbutton {
@@ -118,12 +120,12 @@ body {
   border-color: map-get($theme-colors, boxborder2);
   background-color: map-get($theme-colors, searchbuttonfill);
   text-align: center;
-  stroke: map-get($theme-colors, searchicon);
+  fill: map-get($theme-colors, searchicon);
   border-radius: 0 25px 25px 0;
   cursor: pointer;
-  font-size: 15px;
   font-weight: normal;
   box-shadow: none;
+  outline: none;
 }
 
 

src/assets/pages/styles/theme-dark.scss

@@ -10,7 +10,7 @@ $theme-colors: (
         "inactivecard": #333337,
         "activecard": #4f4f56,
         "boxborder": #272727,
-        "boxborder2": #303030,
+        "boxborder2": #2f2f2f,
         "activecardfont":#e1e4e8,
         "searchhint": #6b6866,
         "searchfont": #9f9c9a, 
@@ -29,7 +29,7 @@ $theme-colors: (
         "activeaccordion": #333337,
         "inactivetextaccordion": #787572,
         "activetextaccordion": #9d9d9d,
-        "inactiveborderaccordion": #272727,
+        "inactiveborderaccordion": #180606,
         "activeborderaccordion": rgba(26, 26, 26, 0),
         "footertext": #7b7b7b,
 );