Refine docs search styles on mobile

diff --git a/docs/assets/scss/_search.scss b/docs/assets/scss/_search.scss
index e1b5ff4b17563a6358eb9ef6fecc11ba0837495c..f403a69aed5ce0eb66a5d130509107e4fe4d2711 100644 (file)
--- a/docs/assets/scss/_search.scss
+++ b/docs/assets/scss/_search.scss
@@ -45,7 +45,7 @@
 
 .tt-suggestion {
   @include clearfix;
-  padding: 1rem;
+  padding: 0.5rem;
 
   &:hover,
   &.tt-cursor {
@@ -60,8 +60,6 @@
 
   .name {
     font-weight: bold;
-    float: left;
-    width: 40%;
   }
 
   .meta {
@@ -72,12 +70,24 @@
   }
 
   .desc {
-    float: left;
-    width: 60%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
+  @include breakpoint(medium) {
+    padding: 1rem;
+
+    .name {
+      float: left;
+      width: 40%;
+    }
+
+    .desc {
+      float: left;
+      width: 60%;
+    }
+  }
 }
 
 .tt-empty {