dev day #79

frontend/src/styles/custom-editor.css

@@ -76,6 +76,10 @@
   margin-right: 2px;
   border-radius: 4px;
   transition: all 0.2s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
 }
 
 .ql-toolbar.ql-snow button:hover {
@@ -131,6 +135,11 @@
   border-radius: 4px;
   padding: 4px 8px;
   transition: all 0.2s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  min-width: 32px;
 }
 
 .ql-toolbar.ql-snow .ql-picker-label:hover {
@@ -155,6 +164,22 @@
   z-index: 6000 !important;
 }
 
+/* Center icons and enlarge align icon */
+.ql-toolbar .ql-picker-label svg {
+  width: 18px;
+  height: 18px;
+}
+.ql-toolbar .ql-align .ql-picker-label svg {
+  width: 18px;
+  height: 18px;
+}
+.ql-snow .ql-color-picker .ql-picker-label,
+.ql-snow .ql-background .ql-picker-label {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .ql-toolbar.ql-snow .ql-picker-options .ql-picker-item {
   border-radius: 4px;
   padding: 6px 8px;
@@ -195,7 +220,6 @@
   font-weight: 700;
   margin: 0.67em 0;
   line-height: 1.2;
-  color: #1a202c;
 }
 
 .ql-editor h2 {
@@ -203,7 +227,6 @@
   font-weight: 600;
   margin: 0.75em 0;
   line-height: 1.3;
-  color: #1a202c;
 }
 
 .ql-editor h3 {
@@ -211,7 +234,6 @@
   font-weight: 600;
   margin: 1em 0;
   line-height: 1.4;
-  color: #2d3748;
 }
 
 .ql-editor p {
@@ -379,26 +401,9 @@
   color: #1a202c !important;
 }
 
-/* Ensure all text elements have visible colors */
-.ql-editor p,
-.ql-editor span,
-.ql-editor div,
-.ql-editor li {
-  color: #2d3748;
-}
-
-.ql-editor h1,
-.ql-editor h2,
-.ql-editor h3,
-.ql-editor h4,
-.ql-editor h5,
-.ql-editor h6 {
-  color: #1a202c;
-}
-
+/* Let Quill inline color styles take precedence; keep only weight for bold */
 .ql-editor strong,
 .ql-editor b {
-  color: #1a202c;
   font-weight: bold;
 }
 

frontend/src/styles/home-style-pack.css

@@ -66,7 +66,8 @@ body.style-pack-modern .section-head h3::after { width: 64px; }
 /* Banner placements */
 [data-element="banner"][data-variant="top"],
 [data-element="banner"][data-variant="bottom"] { text-align: center; }
-[data-element="sidebar"] img { border-radius: 8px; }
+[data-element="sidebar"] img { border-radius: 10px; }
+[data-element="sidebar"] { scroll-margin-top: 112px; }
 
 /* two-column news + table layout */
 .standings {