diff --git a/attached_assets/image_1760336716727.png b/attached_assets/image_1760336716727.png new file mode 100644 index 0000000..1fa33ff Binary files /dev/null and b/attached_assets/image_1760336716727.png differ diff --git a/attached_assets/image_1760337078835.png b/attached_assets/image_1760337078835.png new file mode 100644 index 0000000..a0ed333 Binary files /dev/null and b/attached_assets/image_1760337078835.png differ diff --git a/attached_assets/image_1760337169961.png b/attached_assets/image_1760337169961.png new file mode 100644 index 0000000..8f34017 Binary files /dev/null and b/attached_assets/image_1760337169961.png differ diff --git a/attached_assets/image_1760337208215.png b/attached_assets/image_1760337208215.png new file mode 100644 index 0000000..bba1873 Binary files /dev/null and b/attached_assets/image_1760337208215.png differ diff --git a/attached_assets/image_1760337287989.png b/attached_assets/image_1760337287989.png new file mode 100644 index 0000000..e7553b9 Binary files /dev/null and b/attached_assets/image_1760337287989.png differ diff --git a/attached_assets/image_1760337378051.png b/attached_assets/image_1760337378051.png new file mode 100644 index 0000000..cf81c06 Binary files /dev/null and b/attached_assets/image_1760337378051.png differ diff --git a/attached_assets/image_1760337439494.png b/attached_assets/image_1760337439494.png new file mode 100644 index 0000000..cf81c06 Binary files /dev/null and b/attached_assets/image_1760337439494.png differ diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx index 845ecd9..ef76dc7 100644 --- a/client/src/pages/image-editor.tsx +++ b/client/src/pages/image-editor.tsx @@ -344,22 +344,20 @@ export default function ImageEditor() { font-weight: bold; z-index: 11; text-transform: uppercase; + text-align: center; white-space: nowrap; - display: flex; - align-items: center; - justify-content: center; } .ribbon-container.north_west .ribbon-text { top: 50%; left: 50%; - transform: translate(-50%, -50%) rotate(-45deg) translateY(-15px); + transform: translate(-50%, -50%) rotate(-45deg) translateY(-20px); } .ribbon-container.north_east .ribbon-text { top: 50%; right: 50%; - transform: translate(50%, -50%) rotate(45deg) translateY(-15px); + transform: translate(50%, -50%) rotate(45deg) translateY(-20px); } `} @@ -755,12 +753,26 @@ export default function ImageEditor() {