general template improvements - line length, highlighting, padding, ...

frontend/src/views/facebook_survey/FacebookSurvey.vue

@@ -50,16 +50,6 @@ export default {
                     baseText: COLORS.white,
                     highlightedText: COLORS.black
                 }
-            },
-            black_on_yellow: {
-                name: 'Černá na žluté',
-                colors: {
-                    background: COLORS.yellow1,
-                    highlight: COLORS.black,
-                    arrow: COLORS.black,
-                    baseText: COLORS.black,
-                    highlightedText: COLORS.white
-                }
             }
         }
 

frontend/src/views/text_banner/canvas.js

@@ -20,7 +20,7 @@ const redraw = async (canvas, options) => {
 
     const logoWidth = Math.ceil(canvas.width * 0.23)
     const logoSideMargin = Math.ceil(canvas.width * 0.07)
-    const logoTopMargin = Math.ceil(canvas.width * 0.17)
+    const logoTopMargin = Math.ceil(canvas.width * 0.155)
 
     const textBoxWidth = Math.ceil(canvas.width * 0.8)
     const textBoxMarginSide = Math.ceil(canvas.width * 0.13)

frontend/src/views/urgent_text_banner/UrgentTextBanner.vue

@@ -3,7 +3,7 @@ import { watch, ref } from 'vue';
 
 import COLORS from '../../colors';
 import TEMPLATES from '../../templates'
-import { generateDefaultLogos } from '../../logos'
+import { LOGOS } from '../../logos'
 import { loadFonts } from '../../utils'
 
 import Canvas from '../../components/canvas/Canvas.vue';
@@ -54,7 +54,13 @@ export default {
             },
             predefinedColors: predefinedColors,
             colors: predefinedColors.base.colors,
-            predefinedLogoImages: generateDefaultLogos('defaultLight')
+            predefinedLogoImages: [
+                {
+                    name: LOGOS.defaultDark.name,
+                    src: LOGOS.defaultDark.src,
+                    defaultSelected: true,
+                },
+            ]
         }
     },
     mounted () {

frontend/src/views/urgent_text_banner/canvas.js

@@ -24,8 +24,9 @@ const redraw = async (canvas, options) => {
     const crossThickness = Math.ceil(canvas.height * 0.4)
     const crossSkew = 38
 
-    const logoWidth = Math.ceil(canvas.width * 0.2)
+    const logoWidth = Math.ceil(canvas.width * 0.23)
     const logoSideMargin = Math.ceil(canvas.width * 0.07)
+    const logoTopMargin = Math.ceil(canvas.height * 0.155)
 
     const textBoxWidth = Math.ceil(canvas.width * 0.5)
     const textSize = Math.ceil(canvas.height * 0.0725)
@@ -102,7 +103,7 @@ const redraw = async (canvas, options) => {
                 - logoWidth
                 - logoSideMargin
             ),
-            top: logoSideMargin,
+            top: logoTopMargin,
             zIndex: 11,
         })