Improvement: Enhanced UI Consistency (#4499) * Improvement: Enhanced UI Consistency - Added a class to `<div class="inline-drawer-toggle inline-drawer-header">` in AI Response Configuration and API Connections menus to match the styling of similar elements in User Settings - Improved spacing and sizing for buttons such as `.bg_example .jg-menu` in the Backgrounds menu. The previous widths and gaps were too small, often causing accidental taps (especially on mobile devices) * fix * Adjust padding and background color in style.css * Update inline drawer classes for configuration sections * Remove border styles from expandable sections * fix * fix * fix(sad) * Adjust desktop bg_list width --------- Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>

5aa1c8fbacfdaf722779e494c9f8b8e1781fbab6

Rivelle <rivelle.days@gmail.com>

Signed

public/css/backgrounds.css+7 -3 Viewed

     right: 2px;
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 8px;
     gap: 2px3px;
     padding: 3px 5px;
     z-index: 3;
     backdrop-filter: blur(4px);
     border: 1px solid var(--SmartThemeBorderColor);
 +    justify-items: center;
 +    align-items: center;
     opacity: 0;
     visibility: hidden;

 .bg_example .jg-button {
     display: flex;
 +    width: 30px;
 +    height: 30px;
     align-items: center;
     justify-content: center;
     color: white;
     padding: 5px;
     font-size: 1.2em1em;
     border-radius: 6px;
     transition: background-color var(--animation-duration) ease;
+}

public/css/mobile-styles.css+2 -2 Viewed

         position: absolute;
         top: 5px;
         right: 5px;
         width: 28px30px;
         height: 28px30px;
         background-color: rgba(0, 0, 0, 0.4);
         color: white;
         border-radius: 6px;

public/style.css+1 -1 Viewed

 .bg_list {
     display: flex;
     flex-wrap: wrap;
     width: calc(var(--sheldWidth) - 10px15px);
     max-width: 100vw;
     max-width: 100dvw;
     justify-content: space-evenly;