X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=78e187c8b7b460cf3ffacd0c12c6cee57bed8833;hb=d8fe7e22b011747a8fb78f8fee8701e9d2d2e0cd;hp=81a1ba2095fbb69d1ff41367bc88f77a23f2ac7b;hpb=c38dcc2f41490a2ac9ef7a9fc9d5a3afa2733a25;p=friendica.git diff --git a/view/global.css b/view/global.css index 81a1ba2095..78e187c8b7 100644 --- a/view/global.css +++ b/view/global.css @@ -35,11 +35,6 @@ a.btn, a.btn:hover { text-decoration: overline; } -.icon { - width: 48px; - height: 48px; -} - .template-icon { width: 24px; height: 24px; @@ -687,26 +682,28 @@ 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 - **/ \ No newline at end of file + **/ + +#contactblock .icon { + width: 48px; + height: 48px; +}