Fix button size issue in chrome + move button layout

public/css/app.css

@@ -937,6 +937,7 @@ a.settinglink {
   -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.4);
           box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.4);
   overflow: hidden;
+  position: relative;
 }
 
 .searchform input {
@@ -949,12 +950,12 @@ a.settinglink {
 
 .searchform button {
   position: absolute;
-  right: 14px;
+  right: 0px;
-  top: 14px;
+  top: 0px;
   border: none;
   font-size: 16px;
   padding: 7px 15px;
-  line-height: 37px;
+  line-height: 38px;
   font-weight: 500;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=8c034347751a0b8faeb2",
+    "/css/app.css": "/css/app.css?id=7d4cd9f2c55cbd8ffbe8",
     "/js/app.js": "/js/app.js?id=559585a774e3f088503a"
 }

resources/assets/sass/_app.scss

@@ -571,6 +571,7 @@ div.create {
 		border-radius: 5px;
 		box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.4);
 		overflow: hidden;	
+		position: relative;	  
 	  }
 	  input {
 		  padding: 17px 15px;
@@ -581,12 +582,12 @@ div.create {
 	  }
 	  button {
 		  position: absolute;
-		  right: 14px;
+		  right: 0px;
-		  top: 14px;
+		  top: 0px;
 		  border: none;
 		  font-size: 16px;
 		  padding: 7px 15px;
-		  line-height: 37px;
+		  line-height: 38px;
 		  font-weight: 500;
 		  border-top-right-radius: 5px;
 		  border-bottom-right-radius: 5px;

resources/views/app.blade.php

@@ -56,18 +56,13 @@
                     
                     @yield('content')
                     <div id="config-buttons">
-                        @if(!Route::is('dash'))
-                        <a id="dash" class="config" href="{{ route('dash') }}"><i class="fas fa-th"></i></a>
-                        @endif
-                        @if(!Request::is(['items', 'items/*']))
-                        <a id="items" class="config" href="{{ route('items.index') }}"><i class="fas fa-list"></i></a>
-                        @endif
-                        @if(!Request::is(['settings', 'settings/*']))
-                        <a id="settings" class="config" href="{{ route('settings.index') }}"><i class="fas fa-cogs"></i></a>
-                        @endif
                         @if(Route::is('dash'))
                         <a id="config-button" class="config" href=""><i class="fas fa-exchange"></i></a>
                         @endif
+    
+                        <a id="dash" class="config" href="{{ route('dash') }}"><i class="fas fa-th"></i></a>
+                        <a id="items" class="config" href="{{ route('items.index') }}"><i class="fas fa-list"></i></a>
+                        <a id="settings" class="config" href="{{ route('settings.index') }}"><i class="fas fa-cogs"></i></a>
                     </div>
                 </main>