Fix profile visibility not appearing

And refactor how the grid works (now it's automatically using the
correct size instead of harcoding it)

Signed-off-by: Carl Schwan <carl@carlschwan.eu>

1 files changed, 1 insertions, 22 deletions

diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index 8cbc07f2773..53611999cce 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -89,7 +89,7 @@ select {
 	display: grid;
 	padding: 20px;
 	max-width: 1700px;
-	grid-template-columns: 1fr 1fr 1fr 1fr;
+	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 
 	.section {
 		padding: 10px 10px;
@@ -149,27 +149,6 @@ select {
 	}
 }
 
-@media (min-width: 1400px) and (max-width: 1700px) {
-	#personal-settings {
-		display: grid;
-		grid-template-columns: 1fr 1fr 1fr;
-	}
-}
-
-@media (min-width: 800px) and (max-width: 1400px) {
-	#personal-settings {
-		display: grid;
-		grid-template-columns: 1fr 1fr;
-	}
-}
-
-@media (max-width: 800px) {
-	#personal-settings {
-		display: grid;
-		grid-template-columns: 1fr;
-	}
-}
-
 .personal-settings-container {
 	display: inline-grid;
 	grid-template-columns: 1fr 1fr 1fr;