Normalize padding in image grid

- Remove outside padding, vertical and horizontal
- Remove artificial padding with <br> in content/image.tpl

diff --git a/view/global.css b/view/global.css
index 81a1ba2095fbb69d1ff41367bc88f77a23f2ac7b..d327da0c2c377b99a2fd63d283b523d9c7a10935 100644 (file)
--- a/view/global.css
+++ b/view/global.css
@@ -687,25 +687,22 @@ audio {
 .imagegrid-row {
        display: -ms-flexbox; /* IE10 */
        display: flex;
-       -ms-flex-wrap: wrap; /* IE10 */
-       flex-wrap: wrap;
-       padding: 0 4px;
-       box-sizing: border-box;
+       margin-top: 1em;
+       column-gap: 5px;
 }
 
-/* Create four equal columns that sits next to each other */
 .imagegrid-column {
        -ms-flex: 50%; /* IE10 */
        flex: 50%;
-       max-width: 50%;
-       padding: 0 4px;
-       box-sizing: border-box;
+       display: -ms-flexbox; /* IE10 */
+       display: flex;
+       flex-direction: column;
+       row-gap: 5px;
 }
 
 .imagegrid-column img {
-       margin-top: 8px;
-       vertical-align: middle;
-       width: 100%;
+       -ms-flex: 50%; /* IE10 */
+       flex: 50%;
 }
 /**
  * Image grid settings END

diff --git a/view/templates/content/image.tpl b/view/templates/content/image.tpl
index 2885d869fbd7c0c7cd5e7b4e0f5584c57ff0d98e..92a37915ff3e50d2a2169da2dd7855523e6a19c9 100644 (file)
--- a/view/templates/content/image.tpl
+++ b/view/templates/content/image.tpl
@@ -3,4 +3,3 @@
 {{else}}
 <img src="{{$image.src}}" alt="{{$image.attachment.description}}" title="{{$image.attachment.description}}">
 {{/if}}
-<br>