Gracefully downsize search bar for mobile devices

[oweals/peertube.git] / client / src / sass / application.scss

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index fa245223113a01e7536d109cae0cb439d329a27f..4ad14ea5bc89c5c0945d5e3570fc8fc6c83a752e 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -47,6 +47,11 @@ body {
   font-size: 14px;
 }
 
+::selection {
+  color: var(--mainBackgroundColor);
+  background-color: var(--mainHoverColor);
+}
+
 #incompatible-browser {
   display: none;
   text-align: center;
@@ -220,6 +225,15 @@ table {
   font-weight: $font-semibold;
 }
 
+.dropdown-item {
+  @include dropdown-with-icon-item;
+
+  my-global-icon {
+    width: 22px;
+    height: 22px;
+  }
+}
+
 @media screen and (max-width: 1600px) {
   .main-col {
     &.expanded {
@@ -243,7 +257,7 @@ table {
         padding-left: 50px;
 
         .title-page {
-          font-size: 15px;
+          font-size: 17px;
         }
       }
     }