优化搜索框

src/Befri.Goldhoo/Befri.Goldhoo.Mobile.MvcUI/Content/themes/SUI/extend/topbar/themes/sui.topbar.Goldhoo.css

@@ -50,19 +50,18 @@
     height: 60%;
 }
 
-.sui-topbar .topbar-logo:before,
-.sui-topbar .topbar-menu>a:before,
-.sui-topbar .topbar-menu>span:before,
-.sui-topbar>.topbar-functions:before,
+.sui-topbar .topbar-logo,
+.sui-topbar .topbar-menu>a,
+.sui-topbar .topbar-menu>span,
+.sui-topbar>.topbar-functions,
 .sui-topbar>.topbar-functions>a,
 .sui-topbar>.topbar-functions>span,
-.sui-topbar>.topbar-functions>a:before,
-.sui-topbar>.topbar-functions>span:before,
-.sui-topbar>.topbar-link:before {
-    display: inline-block;
-    content: '';
+.sui-topbar>.topbar-functions>a,
+.sui-topbar>.topbar-functions>span,
+.sui-topbar>.topbar-link {
+    display: inline-flex;
     height: 54px;
-    vertical-align: middle;
+    align-items: center;
 }
 
 .sui-topbar .topbar-menu>a,
@@ -247,17 +246,17 @@
 }
 
 .topbar-searchIcon {
-    width: 20px;
+    width: 30px;
     height: 20px;
 }
 
 .topbar-searchIcon-box {
     position: absolute;
-    width: 120px;
+    width: 100px;
     height: 30px;
-    right: -5px;
+    right: 0;
     top: -5px;
-    border: 1px solid #2f0808;
+    border: 1px solid #581818;
 }
 
 .topbar-closeSearchIcon {
@@ -304,4 +303,9 @@
 .mobile.search-active .topbar-functions {
     left: 0;
     top: 0;
+}
+
+.mobile .topbar-loginLink {
+    overflow: hidden;
+    max-width: 80px;
 }