Add styling

assets/kobold.css

@@ -69,6 +69,7 @@
     float: left;
     margin-right: 20px;
     margin-top: 10px;
+    max-width: 16%;
     padding: 5px;
 }
 
@@ -85,6 +86,21 @@
     padding-left: 20px;
 }
 
+.koboldgadgetname {
+    font-weight: bold;
+}
+
+.koboldgadgetdescription {
+    font-size: 0.8em;
+    font-style: italic;
+}
+
+.koboldgadgetreuse {
+    color: red;
+    font-size: 0.8em;
+    font-style: italic;
+}
+
 .head {
     display: block;
     font-family: "Reverb";

koboldgen.py

@@ -222,9 +222,9 @@ class Character:
                 f"    </span>\n"
                 f"    <br>\n"
                 f"    <span class='koboldgadget'>\n"
-                f"        {self.gadget['name']}<br>\n"
-                f"        {self.gadget['description']}<br>\n"
-                f"        {'Reusable' if self.gadget['reusable'] else ''}\n"
+                f"        <span class='koboldgadgetname'>{self.gadget['name']}</span><br>\n"
+                f"        <span class='koboldgadgetdescription'>{self.gadget['description']}</span>\n"
+                f"        {'<br><span class=\'koboldgadgetreuse\'>Reusable</span>' if self.gadget['reusable'] else ''}\n"
                 f"    </span>"
                 f"</div>\n"
             )