From b58ffe10e064bf64a89961a645d3deffcc9de0e5 Mon Sep 17 00:00:00 2001 From: Egamorf Date: Tue, 6 May 2025 22:10:52 +0200 Subject: [PATCH] refact/adjust-header-size (#44) Reviewed-on: https://gitea.egamorf.com/PRJ-Game-Ideas/game-ideas/pulls/44 --- .../Pages/Games/Filter/GameFilter.razor.css | 15 +++++++-------- .../Components/ButtonAdd/ButtonAdd.razor.css | 6 ++++++ 2 files changed, 13 insertions(+), 8 deletions(-) diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor.css index 9e6343e..8f4cb33 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor.css +++ b/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) { diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/ButtonAdd/ButtonAdd.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/ButtonAdd/ButtonAdd.razor.css index 5e1a04e..50957af 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/ButtonAdd/ButtonAdd.razor.css +++ b/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; + } +} \ No newline at end of file