💄 (#416): Added padding on config images

ACCESS-NRI · Jul 14, 2023 · d22994c · d22994c
1 parent 3673742
commit d22994c
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/docs/css/access-nri.css b/docs/css/access-nri.css
@@ -667,6 +667,11 @@ pre>code {
   box-sizing: border-box;
 }
 
+/* Add padding to image container */
+.with-padding {
+  padding: 0.5em;
+}
+
 /* Typeset text color (even links) */
 .default-text-color {
   color: var(--md-typeset-color) !important;

diff --git a/docs/models/configurations/access-cm.md b/docs/models/configurations/access-cm.md
@@ -4,7 +4,7 @@ ACCESS-CM2 (ACCESS Coupled Model 2) is a global fully-coupled climate model that
 <a href = "https://www.wcrp-climate.org/wgcm-cmip" target="_blank"> Coupled Model Intercomparison Project, CMIP</a>.
 <br>
 
-<img src="../../../assets/model-config-logos/access-cm2-config.png" alt="ACCESS CM model" class="image-background center-img"></img>
+<img src="../../../assets/model-config-logos/access-cm2-config.png" alt="ACCESS CM model" class="image-background center-img with-border with-padding"></img>
 
 ## ACCESS-CM2 configurations
 

diff --git a/docs/models/configurations/access-esm.md b/docs/models/configurations/access-esm.md
@@ -2,7 +2,7 @@
 
 <!-- {% include "call_contribute.md" %} -->
 
-<img src="../../../assets/model-config-logos/access-esm-config.png" alt="ACCESS CM model" class="image-background center-img"></img>
+<img src="../../../assets/model-config-logos/access-esm-config.png" alt="ACCESS CM model" class="image-background center-img with-border with-padding"></img>
 
 ACCESS-ESM stands for ACCESS **E**arth **S**ystem **M**odel. Earth system model means it is a fully-coupled model that includes carbon cycle components.
 

diff --git a/docs/models/configurations/access-om.md b/docs/models/configurations/access-om.md
@@ -3,7 +3,7 @@
 
 <!-- {% include "call_contribute.md" %} -->
 
-<img src="../../../assets/model-config-logos/access-om2-config.png" alt="ACCESS CM model" class="image-background center-img"></img>
+<img src="../../../assets/model-config-logos/access-om2-config.png" alt="ACCESS CM model" class="image-background center-img with-border with-padding"></img>
 
 The ACCESS **O**cean **M**odel, ACCESS-OM, is a global coupled ocean and sea ice configuration. It couples the ocean and sea ice components via a coupler. The atmospheric fields that drive the model are provided by a data product, usually derived from reanalysis.