aboutsummaryrefslogtreecommitdiff
path: root/src/app
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-05-16 00:33:10 +0200
committer0neGal <mail@0negal.com>2022-05-16 00:33:10 +0200
commitb65cb550e0e26b2cf290573248fe28e341fa4807 (patch)
treed15e76133efb3e1a26efb3e82632895d8f096096 /src/app
parentdee10ac8d1d361f51ce316539e45b8a4197c8ad9 (diff)
downloadViper-b65cb550e0e26b2cf290573248fe28e341fa4807.tar.gz
Viper-b65cb550e0e26b2cf290573248fe28e341fa4807.zip
general improvements
Made the UI slightly bigger, and the mod elements aren't on their own line, this allows you to see more at once while it being bigger and more telligble, before it was kind of empty.
Diffstat (limited to 'src/app')
-rw-r--r--src/app/main.css10
1 files changed, 8 insertions, 2 deletions
diff --git a/src/app/main.css b/src/app/main.css
index 99d806c..7b54ec7 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -120,9 +120,14 @@ button {
100% {opacity: 1.0}
}
+#browserEntries {
+ display: flex;
+ flex-wrap: wrap;
+}
+
.popup .el, .popup .misc, .popup .loading {
--spacing: calc(var(--padding) / 2);
- --height: calc(var(--padding) * 3);
+ --height: calc(var(--padding) * 3.5);
--mischeight: calc(var(--padding) * 1.5);
animation-duration: 0.15s;
@@ -144,7 +149,7 @@ button {
padding: var(--spacing);
background: var(--selbg);
border-radius: var(--spacing);
- width: calc(100% - var(--spacing) * 4);
+ width: calc(50% - var(--spacing) * 4);
}
.popup .misc, .popup #search, .option .actions input {
@@ -196,6 +201,7 @@ button {
width: 100%;
color: white;
display: flex;
+ position: absolute;
text-align: center;
align-items: center;
justify-content: center;