Update "Features Settings" and "Tabs Settings" documentation with Hard Wrap details, new visuals, and improved descriptions. Rename "Tabs Shadow" to "Tabs Shadow Effect" and enhance descriptions. Add new related images.

Author: mallowigi

docs/configuration/features-settings.md

@@ -62,8 +62,11 @@ This option centers the editor in the middle of the screen rather than pinning i
 
 {% include figure.html content="/screens/features/centeredEditor.png" caption="Centered Editor" %}
 
-**Note**: Currently, there is no way to adjust the width of the centered editor, but we are monitoring for future implementation possibilities.
-{:class='card-panel'}
+The width of the editor depends on the **Hard Wrap** configured in your Code Style settings, e.g. in `Settings > Editor > Code Style > [Your language] > Hard Wrap`.
+
+{% include figure.html content="/screens/features/hardWrap.png" caption="Code Style Settings > Hard Wrap" %}
+
+{% include figure.html content="/screens/features/hardWrap80.png" caption="80 Characters Width" %}
 
 ----
 

docs/configuration/settings.md

@@ -266,7 +266,7 @@ This section provides a visual grid of all colors used by the currently active t
 - *Bold Active Tab*![premium](/img/icons/premium.png): Make the active tab bold.
 - *Custom Tab Font*![premium](/img/icons/premium.png): Control the font and size of the tabs.
 - *Tab Highlight Position*![premium](/img/icons/premium.png): Customize the position of the tab highlighter.
-- *Tabs Shadows*![premium](/img/icons/premium.png): Add a subtle shadow under the tabs.
+- *Tabs Shadow Effect*![premium](/img/icons/premium.png): Add a subtle shadow or glow effect under the tabs.
 - *Animated Tabs*: Animate the tab indicator when switching tabs.
 - *Tab Separators*: Add thin borders between tabs.
 - *Customize Active Tab Color*: Allows overriding the active tab highlight color from the Color Scheme.

docs/configuration/tab-settings.md

@@ -198,12 +198,15 @@ You have the choice of the following positions:
 
 Lastly, there are a few small and free tweaks to apply to the tabs.
 
-### Tabs Shadow
+### Tabs Shadow Effect
 
-Enable or disable the shadow effect under the tabs to provide a sense of depth.
+Adds a shadow or glow effect under the tabs.
 
 {% include figure.html content="/screens/tabs/tabShadow.png" caption="Tabs Shadow" %}
 
+{% include figure.html content="/screens/tabs/tabGlow.png" caption="Tabs Glow" %}
+
+
 ### Animated Tabs
 
 This option sports a slight animation when switching between tabs.