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

@@ -9,7 +9,7 @@
 }
 
 .duplicate {
-    display: flex;
+    display: none;
     flex-direction: column;
     gap: 10px;
 }
@@ -20,3 +20,9 @@
     height: 24px;
     align-content: center
 }
+
+@media screen and (max-width: 1000px) {
+    .duplicate {
+        display: flex;
+    }
+}

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

@@ -43,6 +43,7 @@
         <div class="select-container">
             <MultipleSelectList TItem="string"
                                 Items="Plateforms"
+                                Placeholder="@ResourcesKey.Platforms"
                                 @bind-Values=GameFilterParams.Plateforms
                                 Theme="SelectListTheme.Filter" />
         </div>
@@ -50,6 +51,7 @@
         <div class="select-container">
             <MultipleSelectList TItem="string"
                                 Items="Genres"
+                                Placeholder="@ResourcesKey.Genres"
                                 @bind-Values=GameFilterParams.Genres
                                 Theme="SelectListTheme.Filter" />
         </div>

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.css

@@ -1,4 +1,5 @@
 .container {
+    margin-top: 20px;
     justify-content: space-between;
     display: flex;
     flex-direction: row;

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor

@@ -3,7 +3,7 @@
 @typeparam TItem
 
 <div class="select-list" tabindex="1001" @ref="BaseElement">
-    <div class="select-button" @onfocusin=HandleFocusIn @onfocusout=HandleFocusOut>
+    <div class="select-button @(Enum.GetName(Theme)?.ToLower())" @onfocusin=HandleFocusIn @onfocusout=HandleFocusOut>
         <SearchInput @ref=SearchInput
                      Icon="SearchInputIcon.Dropdown"
                      Placeholder="@Placeholder"

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor.css

@@ -57,3 +57,9 @@
     min-width: 150px;
 }
 
+::deep .select-button.advancedfilter .search-container {
+    height: 24px;
+    width: 210px;
+    border: 2px solid var(--low-white);
+}
+