refact/adjust-header-size (#44)

Reviewed-on: #44

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor.css

@@ -7,16 +7,11 @@
 }
 
 .search-container {
-    width: 150px;
-    min-width: 150px;
+    min-width: 50px;
+    max-width: 150px;
 }
 
-.slider-container {
-    width: 150px;
-    min-width: 150px; 
-}
-
-.select-container {
+.slider-container, .select-container {
     width: 150px;
     min-width: 150px;
 }
@@ -67,6 +62,10 @@
     .slider-container {
         display: none;
     }
+
+    .square-button:first-child {
+        margin-right: 0;
+    }
 }
 
 @media screen and (max-width: 1000px) {

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/ButtonAdd/ButtonAdd.razor.css

@@ -35,3 +35,9 @@
         background: var(--violet-selected);
         cursor: pointer;
     }
+
+@media screen and (max-width: 700px) {
+    .add-buttons {
+        margin-right: 8px;
+    }
+}