diff --git a/widget.js b/widget.js index 1b13cb9..486cb27 100644 --- a/widget.js +++ b/widget.js @@ -29,9 +29,6 @@ const DEFAULT_WIDGET_CONFIG = { enableFontSelection: true, enableColorFilter: true, - // Widget Layout - widgetColumns: 2, // Number of columns in the options grid (1-4) - // Widget Styling widgetWidth: '440px', widgetPosition: { @@ -297,7 +294,7 @@ const styles = ` .snn-options-grid { display: grid; - grid-template-columns: repeat(${WIDGET_CONFIG.widgetColumns}, 1fr); + grid-template-columns: 1fr 1fr; gap: ${WIDGET_CONFIG.menu.optionMargin}; margin-bottom: 20px; } @@ -443,22 +440,22 @@ const styles = ` // SVG icons const icons = { - buttonsvg: ``, - highContrast: ``, - biggerText: ``, - textSpacing: ``, - pauseAnimations: ``, - hideImages: ``, - dyslexiaFont: ``, - biggerCursor: ``, - lineHeight: ``, - textAlign: ``, - screenReader: ``, - resetAll: ``, - voiceControl: ``, - fontSelection: `Aa`, - colorFilter: ``, - reducedMotion: ``, + buttonsvg: ``, + highContrast: ``, + biggerText: ``, + textSpacing: ``, + pauseAnimations: ``, + hideImages: ``, + dyslexiaFont: ``, + biggerCursor: ``, + lineHeight: ``, + textAlign: ``, + screenReader: ``, + resetAll: ``, + voiceControl: ``, + fontSelection: `Aa`, + colorFilter: ``, + reducedMotion: ``, }; // =========================================== @@ -632,7 +629,7 @@ function createAccessibilityButton() { const button = document.createElement('button'); button.id = 'snn-accessibility-button'; - button.innerHTML = icons.getButtonSvg(); + button.innerHTML = icons.buttonsvg; button.setAttribute('aria-label', WIDGET_CONFIG.lang.accessibilityMenu); button.addEventListener('click', function () {