X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=9d85665424ceca663ff2579d82a98ec839f41487;hb=f5f2076a2d5ec4d8229f168a9a3f66dc2d0bde6c;hp=81a1ba2095fbb69d1ff41367bc88f77a23f2ac7b;hpb=c38dcc2f41490a2ac9ef7a9fc9d5a3afa2733a25;p=friendica.git diff --git a/view/global.css b/view/global.css index 81a1ba2095..9d85665424 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; @@ -103,6 +98,9 @@ span.connector { margin-right: 0px; } +.wall-item-emoji { + margin-right: 5px; +} .wall-item-like-expanded, .wall-item-dislike-expanded, @@ -687,26 +685,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; +}