Normalize padding in image grid

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

view/global.css

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

view/templates/content/image.tpl

@@ -3,4 +3,3 @@
 {{else}}
 <img src="{{$image.src}}" alt="{{$image.attachment.description}}" title="{{$image.attachment.description}}">
 {{/if}}
-<br>