From 0dd36cca1c36eabfed503049ffb3f3a02bb44a88 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 30 Nov 2024 02:20:57 +0200
Subject: [PATCH] style(next): layout improvements

---
 .../app/widgets/type_widgets/options/etapi.js     |  2 ++
 .../widgets/type_widgets/options/images/images.js |  2 ++
 src/public/stylesheets/theme-next.css             | 15 +++++++++++----
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/etapi.js b/src/public/app/widgets/type_widgets/options/etapi.js
index 65ddb72e0..1d6d1887f 100644
--- a/src/public/app/widgets/type_widgets/options/etapi.js
+++ b/src/public/app/widgets/type_widgets/options/etapi.js
@@ -13,6 +13,8 @@ const TPL = `
     
     <button type="button" class="create-etapi-token btn btn-sm">${t("etapi.create_token")}</button>
 
+    <hr />
+
     <h5>${t("etapi.existing_tokens")}</h5>
     
     <div class="no-tokens-yet">${t("etapi.no_tokens_yet")}</div>
diff --git a/src/public/app/widgets/type_widgets/options/images/images.js b/src/public/app/widgets/type_widgets/options/images/images.js
index 8df6ecf20..2642461a4 100644
--- a/src/public/app/widgets/type_widgets/options/images/images.js
+++ b/src/public/app/widgets/type_widgets/options/images/images.js
@@ -19,6 +19,8 @@ const TPL = `
     
     <p>${t("images.download_images_description")}</p>
     
+    <hr />
+
     <label>
         <input class="image-compresion-enabled" type="checkbox" name="image-compression-enabled">
         ${t("images.enable_image_compression")}
diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 72c402fa1..8176c4a7d 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -945,7 +945,9 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
 }
 
 .note-detail-content-widget-content.options {
-    padding-top: calc(15px + var(--options-title-offset) + var(--options-title-font-size));
+    --default-padding: 15px;
+    padding-top: calc(var(--default-padding) + var(--options-title-offset) + var(--options-title-font-size));
+    padding-bottom: var(--default-padding);
 }
 
 .options-section h4 {
@@ -973,7 +975,12 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
     margin-right: calc(var(--options-card-padding) * -1);
 }
 
-.options-section .existing-anonymized-databases,
-.options-section h4:first-of-type + p:last-of-type /* Spellcheck */ {
+.options-section p:last-of-type:not(:first-of-type),
+.options-section h4 + p:last-child {
     margin-bottom: 0;
-}
\ No newline at end of file
+}
+
+.options-section .options-mime-types {
+    padding: 0;
+    margin: 0;
+}