Template:DQ2Enemy: Difference between revisions

m rewrote head as flex instead of table layout
m container: allow more width on mobile
Line 1: Line 1:
<includeonly>
<includeonly>
<div style="background-color: #0066ff; float: left; padding: 3px 3px 3px 3px; border-radius: 7px; width: 80%;" >
<div style="background-color: #0066ff; padding: 3px; border-radius: 7px; max-width: 63em;">
<div style="display: flex; padding: 0.5em; height: 1.35em; justify-content: space-between; align-items: center;">
<div style="display: flex; padding: 0.5em; height: 1.35em; justify-content: space-between; align-items: center;">
     <div>{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}</div>
     <div>{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}</div>