small layout tweaks

changedetectionio/static/styles/scss/parts/_watch_table.scss

@@ -462,10 +462,13 @@ body.blueprint-watchlist {
   // the row, instead of always filling it. `field-sizing: content` is the pure-CSS
   // auto-grow (Chromium 123+); other browsers fall back to the min-width below.
   #url {
-    field-sizing: content;
+
     width: auto;
-    min-width: 32rem;
-    max-width: 80%;
+    @media only screen and (min-width: $desktop-wide-breakpoint) {
+      field-sizing: content;
+      min-width: 32rem;
+      max-width: 80%;
+    }
   }
 
   // Reveal the "intent" + "processor type" options only once a URL has been typed

changedetectionio/templates/menu.html

@@ -4,15 +4,20 @@
 
 {% if current_user.is_authenticated or not has_password %}
 {% if not current_diff_url %}
-    {# GROUPS / SETTINGS / IMPORT moved to the left sidebar (sidebar-nav.html) #}
     <li class="pure-menu-item" id="menu-pause">
         <a class="status-pill {{ 'paused' if all_paused }}" href="{{ url_for('settings.toggle_all_paused') }}" aria-label="{% if all_paused %}{{ _('Resume automatic scheduling') }}{% else %}{{ _('Pause auto-queue scheduling of watches') }}{% endif %}" title="{% if all_paused %}{{ _('Scheduling paused — click to resume') }}{% else %}{{ _('Scheduling active — click to pause all') }}{% endif %}"><span class="live-dot"></span>{% if all_paused %}{{ _('Paused') }}{% else %}{{ _('Live') }}{% endif %}</a>
     </li>
     <li class="pure-menu-item " id="menu-mute">
         <a href="{{ url_for('settings.toggle_all_muted') }}" aria-label="{% if all_muted %}{{ _('Unmute notifications') }}{% else %}{{ _('Mute notifications') }}{% endif %}" title="{% if all_muted %}{{ _('Notifications are muted - click to unmute') }}{% else %}{{ _('Mute notifications') }}{% endif %}"><i data-feather="{{ 'bell-off' if all_muted else 'bell' }}" class="action-icon"></i></a>
     </li>
+{%- if has_password -%}
+    <li class="pure-menu-item menu-collapsible">
+        <a href="{{ url_for('logout', redirect=request.path) }}" ><i data-feather="log-out" class="action-icon"></i>&nbsp;{{ _('Log out') }}</a>
+    </li>
+{%- endif -%}
+
     <li class="pure-menu-item " id="menu-settings">
-        <a href="{{ url_for('settings.settings_page') }}" title="{{ _('Settings') }}"><i data-feather="{{ 'settings' }}" class="action-icon"></i>&nbsp;{{ ('Settings') }}</a>
+        <a href="{{ url_for('settings.settings_page') }}" title="{{ _('Settings') }}"><i data-feather="settings" class="action-icon"></i>&nbsp;{{ ('Settings') }}</a>
     </li>
     <li class="pure-menu-item " id="menu-ui-language">
         <a class="language-selector"><span class="{{ get_flag_for_locale(get_locale()) }}" id="language-selector-flag"></span></a>
@@ -24,11 +29,6 @@
            class="pure-menu-link">{{ _('EDIT') }}</a>
     </li>
 {% endif %}
-{%- if current_user.is_authenticated -%}
-    <li class="pure-menu-item menu-collapsible">
-        <a href="{{ url_for('logout', redirect=request.path) }}" class="pure-menu-link">{{ _('LOG OUT') }}</a>
-    </li>
-{%- endif -%}
 
 {% else %}
     <li class="pure-menu-item menu-collapsible">
@@ -36,12 +36,17 @@
     </li>
 {% endif %}
     <li class="pure-menu-item menu-collapsible" id="inline-menu-extras-group">
+{% if current_user.is_authenticated or not has_password %}
+    {% if not current_diff_url %}
         {% if not llm_features_disabled %}
         <button class="toggle-button toggle-ai-mode" type="button" title="{{ _('Toggle AI Mode') }}" data-llm-configured="{{ 'true' if llm_configured else 'false' }}" data-llm-settings-url="{{ url_for('settings.settings_page') }}#ai">
             <span class="visually-hidden">{{ _('Toggle AI mode') }}</span>
             {% include "svgs/ai-mode-icon.svg" %}<span class="ai-mode-label">LLM</span>
         </button>
         {% endif %}
+    {% endif %}
+{% endif %}
+
         <button class="toggle-button toggle-light-mode " type="button" title="{{ _('Toggle Light/Dark Mode') }}">
             <span class="visually-hidden">{{ _('Toggle light/dark mode') }}</span>
             <span class="icon-light"><i data-feather="sun"></i></span>