Update to new theme

templates/thumbnailer_settings.html

@@ -18,15 +18,16 @@
 Vue.component('settings', {
     props: ['settings'],
     template: `
-    <div class="row r-10 m-2">
+    <div>
-        <div class="col col-12">
+        <div class="d-grid w-100 bg-mine m-0 p-0 sticky-top shadow">
-            <div class="row">
+            <div class="row w-100 m-0 p-3">
-                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                <div class="col-sm-12 col-md-6 text-center text-md-start text-white ">
                     <h2>Thumbnailer</h2>
                 </div>
             </div>
-            <hr />
+        </div>
-            <div class="row">
+        <div class="d-grid w-100 m-0 p-0">
+            <div class="row w-100 m-0 p-3">
                 <ul class="nav nav-tabs" id="myTab" role="tablist">
                     <li class="nav-item" role="presentation">
                         <button class="nav-link active" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings" aria-selected="true">Settings</button>

templates/thumbnailer_tep_settings_menu.html

@@ -1,5 +1,5 @@
 <li class="nav-item">
-    <a class="nav-link{% if request.path == url_for('thumbnailer.thumbnailer_settings_page') %} active{% endif %}" href="{{ url_for('thumbnailer.thumbnailer_settings_page') }}">
+    <a class="nav-link text-white{% if request.path == url_for('thumbnailer.thumbnailer_settings_page') %} active{% endif %}" href="{{ url_for('thumbnailer.thumbnailer_settings_page') }}">
         <i class="far fa-images"></i>
         Thumbnailer
     </a>