From 10d360fd42d071a2518e559d3e4c34935aa3c6d8 Mon Sep 17 00:00:00 2001 From: KatieFrogs <23621460+KatieFrogs@users.noreply.github.com> Date: Sat, 26 Feb 2022 04:18:51 +0300 Subject: [PATCH] More CSS fixes --- public/src/css/search.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/public/src/css/search.css b/public/src/css/search.css index 067d55f..624a911 100644 --- a/public/src/css/search.css +++ b/public/src/css/search.css @@ -81,6 +81,7 @@ justify-content: center; border: 0.3em black solid; position: relative; + --course-width: min(3em, calc(7 * var(--vmin, 1vmin))); } .song-search-result::before { @@ -99,15 +100,14 @@ } .song-search-result-info { - flex: 10; font-size: 1.2em; - margin: 0.3em; + padding: 0.3em 0.3em 0.3em 0.5em; text-align: left; z-index: 0; position: relative; white-space: nowrap; - padding-left: 0.2em; - overflow-x: clip; + overflow-x: hidden; + width: calc(100% - (var(--course-width) + 0.4em) * 5 - 0.6em); } .song-search-result-subtitle { @@ -124,8 +124,7 @@ } .song-search-result-course { - flex: 1; - width: 100%; + width: var(--course-width); height: 100%; margin: 0.2em; font-size: 1.2em;