Merge pull request #1759 from pom2ter/oversized-icons

fix(frontend): reduce size of sidebar icons

Author: kroky

modules/developer/site.css

@@ -1,6 +1,6 @@
 .hmod_val, .omod_val, .hmod, .omod { color: #666; display: none; padding: 4px; padding-left: 60px; }
 .config_map_page { color: #666; font-size: 110%; cursor: pointer; padding-top: 20px; padding-left: 40px; }
-.config_map { margin-left: 25px; min-width: 400px; }
+.config_map { margin: 0 0 25px 25px; min-width: 400px; }
 .config_map th {border-bottom: solid 1px #eee; padding-left: 20px;  display: none; padding-top: 10px; color: #666; font-size: 90%; text-align: left; }
 .config_map th { padding-left: 60px; }
 .config_map img { width: 16px; height: 16px; opacity: .6 }

modules/highlights/modules.php

@@ -229,7 +229,7 @@ protected function output() {
         $res .= '</table></div>';
 
         $res .= '<div class="settings_subtitle mt-3 px-3"><b>'.$this->trans('Add a new rule').'</b></div>';
-        $res .= '<div class="col-12 col-lg-5 mt-2 px-3">';
+        $res .= '<div class="col-12 col-lg-5 mt-2 px-3 pb-3">';
         $res .= '<form method="POST">';
 
         // Source Type
@@ -333,7 +333,7 @@ class Hm_Output_highlight_link extends Hm_Output_Module {
     protected function output() {
         $res = '<li class="menu_highlights"><a class="unread_link" href="?page=highlights">';
         if (!$this->get('hide_folder_icons')) {
-            $res .= '<i class="bi bi-highlighter fs-5 me-2"></i>';
+            $res .= '<i class="bi bi-highlighter me-2"></i>';
         }
         $res .= $this->trans('Highlights').'</a></li>';
         if ($this->format == 'HTML5') {

modules/imap/output_modules.php

@@ -879,7 +879,7 @@ protected function output() {
             foreach ($this->get('imap_folders', array()) as $id => $folder) {
                 $res .= '<li class="imap_'.$id.'_"><a href="#" class="imap_folder_link" data-target="imap_'.$id.'_">';
                 if (!$this->get('hide_folder_icons')) {
-                    $res .= '<i class="bi bi-folder fs-5 me-2"></i>';
+                    $res .= '<i class="bi bi-folder me-2"></i>';
                 }
                 $res .= $this->html_safe($folder).'</a></li>';
             }

modules/imap_folders/modules.php

@@ -635,7 +635,7 @@ protected function output() {
             $folder_name = $this->get('special_folder_names')['junk'] ?? $junk_folder;
         }
 
-        $res = '<div class="row m-0 px-3 mt-3">';
+        $res = '<div class="row m-0 px-3 mt-3 pb-3">';
         $res .= '<div data-target=".junk_folder_dialog" class="settings_subtitle col-12 border-bottom px-0">
                     <a href="#" class="pe-auto"><i class="bi bi-envelope-x-fill fs-5 me-2"></i>'.$this->trans('Junk Folder').':<span id="junk_val">'.$folder_name.'</span></a>
                 </div>';

modules/nux/modules.php

@@ -582,7 +582,7 @@ protected function output() {
         }
         $res = '<div class="nux_welcome mt-3 col-lg-6 col-md-5 col-sm-12"><div class="card"><div class="card-body"><div class="card-title"><h4>'.$this->trans('Welcome to Cypht').'</h4></div>';
         $res .= '<div class="mb-3"><p>'.$this->trans('Add a popular E-mail source quickly and easily').'</p>';
-        $res .= '<a class="mt-3 btn btn-light" href="?page=servers#quick_add_section"><i class="bi bi-person-plus me-3"></i>'.$this->trans('Add an E-mail Account').'</a>';
+        $res .= '<a class="mt-3 btn btn-light text-deocration-none" href="?page=servers#quick_add_section"><i class="bi bi-person-plus me-3"></i>'.$this->trans('Add an E-mail Account').'</a>';
         $res .= '</div>';
         return $res;
     }

modules/sievefilters/modules.php

@@ -1144,12 +1144,12 @@ protected function output() {
         }
         $res = '<li class="menu_sieve_filters"><a class="unread_link" href="?page=sieve_filters">';
         if (!$this->get('hide_folder_icons')) {
-            $res .= '<i class="bi bi-journal-bookmark-fill fs-5 me-2"></i>';
+            $res .= '<i class="bi bi-journal-bookmark-fill me-2"></i>';
         }
         $res .= $this->trans('Filters').'</a></li>';
         $res .= '<li class="menu_block_list"><a class="unread_link" href="?page=block_list">';
         if (!$this->get('hide_folder_icons')) {
-            $res .= '<i class="bi bi-x-circle-fill fs-5 me-2"></i>';
+            $res .= '<i class="bi bi-x-circle-fill me-2"></i>';
         }
         $res .= $this->trans('Block List').'</a></li>';
         if ($this->format == 'HTML5') {