From 8ed1e53daa61c246fcc7948b724fa369beb8fd1c Mon Sep 17 00:00:00 2001 From: Nik Date: Sat, 7 Nov 2020 16:46:04 +0530 Subject: [PATCH 1/2] Changed disk layout to use inherited grid layout, added some padding for spacing from border. --- src/assets/css/filesystem.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/assets/css/filesystem.css b/src/assets/css/filesystem.css index c4f4de14..4eb3e4aa 100644 --- a/src/assets/css/filesystem.css +++ b/src/assets/css/filesystem.css @@ -149,7 +149,7 @@ section#filesystem.list-view > div#fs_disp_container:not(.disks) > div > h4:nth- section#filesystem.list-view > div#fs_disp_container:not(.disks) > div > h4:nth-of-type(3) { width: 38%; } div#fs_disp_container.disks { - display: flex; + padding: 0 0.5vw; align-items: center; justify-content: space-evenly; border: 0.4vh double rgba(var(--color_r), var(--color_g), var(--color_b), 0.8); From 4152030c36331e761d4d55b41fed73e7098b7394 Mon Sep 17 00:00:00 2001 From: Nik Date: Sun, 8 Nov 2020 00:34:14 +0530 Subject: [PATCH 2/2] Added back display: flex and added flex-wrap to account for list views with disks. Simply using the inherited grid display breaks for list views. --- src/assets/css/filesystem.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/assets/css/filesystem.css b/src/assets/css/filesystem.css index 4eb3e4aa..82d34612 100644 --- a/src/assets/css/filesystem.css +++ b/src/assets/css/filesystem.css @@ -149,10 +149,11 @@ section#filesystem.list-view > div#fs_disp_container:not(.disks) > div > h4:nth- section#filesystem.list-view > div#fs_disp_container:not(.disks) > div > h4:nth-of-type(3) { width: 38%; } div#fs_disp_container.disks { - padding: 0 0.5vw; + display: flex; align-items: center; justify-content: space-evenly; border: 0.4vh double rgba(var(--color_r), var(--color_g), var(--color_b), 0.8); + flex-wrap: wrap; } div#fs_disp_container.disks > * { width: auto;