From 43ade01424eb4a330c57e8023ace8f6299b3f1b5 Mon Sep 17 00:00:00 2001 From: SillyLossy Date: Mon, 27 Mar 2023 18:51:24 +0300 Subject: [PATCH] Nicer expression list styles --- public/scripts/extensions/expressions/style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/public/scripts/extensions/expressions/style.css b/public/scripts/extensions/expressions/style.css index 720cd9199..1ef5eeab3 100644 --- a/public/scripts/extensions/expressions/style.css +++ b/public/scripts/extensions/expressions/style.css @@ -33,11 +33,15 @@ img.expression { .expression_list_item { position: relative; - max-width: 33%; + max-width: 20%; max-height: 200px; background-color: #515151b0; border-radius: 10px; cursor: pointer; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } .expression_list_title { @@ -64,6 +68,9 @@ img.expression { flex-direction: row; column-gap: 1rem; margin: 1rem; + flex-wrap: wrap; + justify-content: space-evenly; + row-gap: 1rem; } #image_list .success {