Improved image spacing (#543)

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 - [#634](https://github.com/equinor/webviz-config/pull/634) - Disable automatic worker restart in `gunicorn` configuration.
 - [#602](https://github.com/equinor/webviz-config/pull/602) - Changed the file and plugin names from `ExampleContentWrapper` to `ExampleWlfPlugin`.
+- [#543](https://github.com/equinor/webviz-config/pull/543) - Improved spacing around images and image captions.
 - [#618](https://github.com/equinor/webviz-config/pull/618) - Initialized `common_cache.CACHE` directly with 3600 sec timeout and deprecated `CACHE.TIMEOUT`.
 - [#619](https://github.com/equinor/webviz-config/pull/619) - Adjusted the WLF example plugin to the best practice, added slots there and introduced new `callback_typecheck` decorator. Moreover, added a `StrEnum` class for IDs and settings.
 

webviz_config/static/assets/webviz_config.css

@@ -21,12 +21,15 @@
     margin: auto;
     max-width: 90%;
     max-height: 90vw;
+    margin-top: 16px;
+    margin-bottom: 16px;
 
 }
 
 ._markdown_image_caption {
 
     display: block;
     text-align: center;
-
+    margin-top: 16px;
+    margin-bottom: 32px;
 }