Fixes the apps list layout

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>

1 files changed, 18 insertions, 4 deletions

diff --git a/settings/css/settings.scss b/settings/css/settings.scss
index 3dd6bf82916..72e69fa240d 100644
--- a/settings/css/settings.scss
+++ b/settings/css/settings.scss
@@ -909,9 +909,16 @@ span.version {
 		width: 50%;
 	}
 }
+
+@media only screen and (max-width: 480px) {
+	.store .section {
+		width: 100%;
+	}
+}
+
 /* hide app version and level on narrower screens */
 @media only screen and (max-width: 900px) {
-	#apps-list.installed {
+	.apps-list.installed {
 		.app-version, .app-level {
 			display: none !important;
 		}
@@ -919,7 +926,7 @@ span.version {
 }
 
 @media only screen and (max-width: 500px) {
-	#apps-list.installed .app-groups {
+	.apps-list.installed .app-groups {
 		display: none !important;
 	}
 }
@@ -1000,8 +1007,7 @@ span.version {
 	list-style-position: inside;
 }
 
-
-#apps-list, #apps-list-search {
+.apps-list {
 	.section {
 		cursor: pointer;
 	}
@@ -1134,6 +1140,14 @@ span.version {
 	}
 }
 
+#apps-list-search {
+	.section {
+		h2 {
+			margin-bottom: 0;
+		}
+	}
+}
+
 /* LOG */
 #log {
 	white-space: normal;