Template:DQTreasuresEnemy: Difference between revisions

Template:DQTreasuresEnemy (edit)

30 bytes removed , 13:58, 20 April 2025

m

rewrote head as flex instead of table layout, allow more width on mobile

1,492

edits

@@ Line 1: / Line 1: @@
 <includeonly>
-<div style="background-color: #33ccff; padding: 3px 3px 3px 3px; border-radius: 7px; width: 80%;" >
+<div style="background-color: #33ccff; padding: 3px; border-radius: 7px; max-width: 63em;">
-<div style="padding-left: 5px; padding-right: 5px; height: 32px;"><table style="width: 100%"><tr>
+<div style="display: flex; padding: 0.5em; height: 1.35em; justify-content: space-between; align-items: center;">
-<td valign="top">{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}</td><td style="text-align:right">[[File:Dragon Quest Treasures Logo.png|100px|link=Dragon Quest Treasures|alt=Dragon Quest Treasures]]</td>
+    <div>{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}</div>
-</tr></table></div>
+    <div>[[File:Dragon Quest Treasures Logo.png|100px|link=Dragon Quest Treasures|alt=Dragon Quest Treasures]]</div>
+</div>
 <div style="background-color: #E4EFF0; border-radius: 5px; padding: 3px;">
      <div style="padding: 3px; ">