media size

Author: KSemenenko

src/PrompterOne.Shared/AppShell/Components/MainLayoutHeader.razor.css

@@ -128,3 +128,25 @@
         padding: 0 10px;
     }
 }
+
+@media (max-width: 720px) and (max-height: 480px) {
+    .app-header-library {
+        grid-template-columns: 44px minmax(0, 1fr);
+        height: 52px;
+        padding: 0 8px;
+        row-gap: 0;
+    }
+
+    .app-header-library .app-header-right {
+        grid-column: 2;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+        padding: 0 0 0 8px;
+        overflow: hidden;
+    }
+
+    .app-header-library .lib-search {
+        flex: 1 1 112px;
+        order: 0;
+    }
+}