Changeset 4606 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/search-form/style.scss

Timestamp:

01/03/2017 03:31:17 AM (9 years ago)

Author:

dd32

Message:

Plugin Directory: Better alignment for the search button on non-home views.

Props iCaleb.
Fixes #2307.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/search-form/style.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/search-form/style.scss

@@ -19 +19 @@
 
     .button-search {
+        border-top: none;
         border-left: none;
         border-radius: 0 2px 2px 0;
@@ -25 +26 @@
         right: auto;
         top: auto;
+        vertical-align: top;
 
         &:active {
@@ -74 +76 @@
         .search-field {
             border: 0;
-            border-radius: 2px;
+            border-radius: 2px 0 0 2px;
             display: inline-block;
             font-size: ms( 0 );
             padding: 5px 10px;
             position: relative;
-            width: 100%;
+            width: auto;
         }
 
         @media screen and (min-width: $ms-breakpoint) {
             .search-field {
-                border-radius: 2px 0 0 2px;
                 font-size: ms( -4 );
                 width: 7rem;