Update CSS

assets/kobold.css

@@ -1,3 +1,9 @@
+.firstrow {
+    float: left;
+    max-width: 30%;
+    padding-right: 20px;
+}
+
 #theship {
     float: left;
 }

koboldgen.py

@@ -261,7 +261,7 @@ class Campaign:
                 lines.append("{pst}")
         if html:
             out = (
-                f"<div id='theship'>\n"
+                f"<div id='theship' class='firstrow'>\n"
                 f"    <span id='shipname'>\n"
                 f"        The {self.ship.fullname}!\n"
                 f"    </span>\n"
@@ -271,10 +271,10 @@ class Campaign:
                 f"    </span><br>\n"
                 f"    But...<br>\n"
                 f"    <span id='shipquality2'>\n"
-                f"        {self.ship.bqual}\n"
+                f"        it {self.ship.bqual}!\n"
                 f"    </span>\n"
                 f"</div>\n"
-                f"<div id='themission'>\n"
+                f"<div id='themission' class='firstrow'>\n"
                 f"    <span id='missionloc'>\n"
                 f"        The kobolds have been sent to {self.art} {self.params.loc_desc} {self.params.location}\n"
                 f"    </span><br>\n"
@@ -282,7 +282,7 @@ class Campaign:
                 f"        in order {self.params.mission}.\n"
                 f"    </span>\n"
                 f"</div>\n"
-                f"<div id='theadversary'>\n"
+                f"<div id='theadversary' class='firstrow'>\n"
                 f"    They're challenged by <span id='advname'>{self.params.fullProblem}</span>!\n"
                 f"    <br>\n"
                 f"    <span id='problemstats'>\n"