User:Evon R'al/Sandbox template: Difference between revisions

@@ Line 2: / Line 2: @@
 display: flex;
 /*flex-wrap: wrap;*/
+justify-content: space-between;
 column-gap: 0.5em;
-justify-content: space-between;
+align-items: center;
 margin: 1em auto;
 border: 1.5px solid {{{border|{{{color|red}}}}}};
@@ Line 13: / Line 14: @@
 text-align: center;
 ">
-<div 2 style="display: flex; align-self: center;">
-{{#if: {{{icon|q}}} | [[File:Icon timer non-capsuleer.png]] }} </div 2 >
-<div 3 style="display: flex; align-self: center;">{{{1|{{Co|var(--color-error)|Content is missing! The quick brown fox jumps over the lazy dog's back. The quick brown fox jumps over the lazy dog's back. The quick brown fox jumps over the lazy dog's back. The quick brown fox jumps over the lazy dog's back.}}}}}</div 3 >
+<div 2 style="{{#if: {{{icon|}}} | | display: none;}}">
+{{{icon}}} </div 2 >
+<div 3 style="">{{{1|{{Co|var(--color-error)|Content is missing! The quick brown fox jumps over the lazy dog's back. The quick brown fox jumps over the lazy dog's back. The quick brown fox jumps over the lazy dog's back. The quick brown fox jumps over the lazy dog's back.}}}}}
+</div 3 >
-<div 4 style="display: flex; align-self: center;">{{#if: {{{icon-right|q}}} | [[File:Icon timer non-capsuleer.png]] }}</div 4 >
+<div 4 style="">{{#if: {{{icon-right|q}}} | [[File:Icon timer non-capsuleer.png]] }}</div 4 >
 </div 1 >
 <noinclude>
 {{documentation}}
 </noinclude>