From 6e41e5865eb3e33dff2863c31b775bb1ae315aca Mon Sep 17 00:00:00 2001
From: maxpozdeev <maxpozdeev@gmail.com>
Date: Thu, 6 Apr 2023 13:00:29 +0300
Subject: [PATCH] small ui fixes in settings (extensions lists line-height,
 back button padding for better touch)

---
 src/content/theme/style.css | 37 ++++++++++++++++++++++++++-----------
 src/settings.php            |  2 +-
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/content/theme/style.css b/src/content/theme/style.css
index 59c3365..fb85345 100644
--- a/src/content/theme/style.css
+++ b/src/content/theme/style.css
@@ -723,8 +723,9 @@ li.task-row.task-completed .task-note-block .task-note { text-decoration:line-th
 a.mtt-back-button { font-size:1rem; }
 h3.page-title a.mtt-back-button {
   display:inline-block;
-  width:1.3rem; height:1.3rem;
-  margin-right:0.4rem;
+  width:1.3rem;
+  height:1.3rem;
+  padding-right:0.4rem;
   position: relative;
   top:4px;
   mask: url(images/back.svg) no-repeat; -webkit-mask: url(images/back.svg) no-repeat;
@@ -969,12 +970,20 @@ li.mtt-item-hidden { display:none; }
   vertical-align:top;
   display: flex;
 }
-.mtt-settings-table .th,
-.mtt-settings-table .td {
+.mtt-settings-table .th, .mtt-settings-table .td {
   padding: 0 10px;
 }
-.mtt-settings-table .th {  width:30%; font-weight: bold; }
-.mtt-settings-table .td { flex-grow: 1; }
+.mtt-settings-table .th {
+    width: 30%;
+    font-weight: bold;
+}
+.mtt-settings-table .td {
+  flex-grow: 1;
+  line-height: 1.5em;
+}
+.mtt-settings-table .td.extensions {
+  line-height: 1.7em;
+}
 .mtt-settings-table .descr {
   display: block;
   font-size:0.8rem;
@@ -982,9 +991,6 @@ li.mtt-item-hidden { display:none; }
   color:var(--color-text-reduced);
   padding-top: 4px;
 }
-.mtt-settings-table .td {
-  line-height: 1.5em;
-}
 .mtt-settings-table .in350 { min-width:350px; }
 .mtt-settings-table textarea.in350 { height:400px; }
 .mtt-settings-table textarea.inmax { height:400px; width:100%; }
@@ -1161,8 +1167,17 @@ li.mtt-item-hidden { display:none; }
     padding:10px 15px;
     margin-bottom: 5px;
   }
-  .mtt-settings-table .th { width: auto; padding-left: 0px; }
-  .mtt-settings-table .td {  padding-top: 4px; padding-left: 0px; }
+  .mtt-settings-table .th {
+    width: auto;
+    padding-left: 0px;
+  }
+  .mtt-settings-table .td {
+    padding-top: 4px;
+    padding-left: 0px;
+  }
+  .mtt-settings-table .td.extensions {
+    line-height: 2em;
+  }
   .mtt-settings-table input , .mtt-settings-table select, .mtt-settings-table label { margin-top:5px; background-color: var(--color-settings-row); }
 
   .form-bottom-buttons > * {
diff --git a/src/settings.php b/src/settings.php
index 2bbb9bc..fc6c932 100644
--- a/src/settings.php
+++ b/src/settings.php
@@ -362,7 +362,7 @@ header('Content-type:text/html; charset=utf-8');
 ?>
 <div class="tr">
  <div class="th"><?php _e('set_extensions');?>:</div>
- <div class="td"> <?php listExtensions(); ?>
+ <div class="td extensions"> <?php listExtensions(); ?>
  </div>
 </div>
 <?php