]> git.openstreetmap.org Git - chef.git/commitdiff
Improve styling of IRC form
authorTom Hughes <tom@compton.nu>
Thu, 5 Mar 2020 20:29:38 +0000 (20:29 +0000)
committerTom Hughes <tom@compton.nu>
Thu, 5 Mar 2020 20:29:38 +0000 (20:29 +0000)
cookbooks/irc/files/default/html/index.html
cookbooks/irc/files/default/html/style.css

index 3e770fd8a809cd66a5ce006d85125d2e6899a656..21e5668066adb28f883b4fd7be319016c78a2553 100644 (file)
@@ -6,68 +6,70 @@
   </head>
   <body>
     <h1>irc.openstreetmap.org</h1>
-    <form method="get" action="https://webchat.oftc.net/">
-      <table>
-        <tr>
-          <th>Nickname</th>
-          <td><input name="nick" type="text" /></td>
-        </tr>
-        <tr>
-          <th>Channel</th>
-          <td>
-            <select name="channels">
-              <option value="#osm">#osm</option>
-              <option value="#osm-dev">#osm-dev</option>
-              <option value="#osm-ewg">#osm-ewg</option>
-              <option value="#osm-cwg">#osm-cwg</option>
-              <option value="#osm-ar">#osm-ar</option>
-              <option value="#osm-asia">#osm-asia</option>
-              <option value="#osm-au">#osm-au</option>
-              <option value="#osm-br">#osm-br</option>
-              <option value="#osm-bw">#osm-bw</option>
-              <option value="#osm-by">#osm-by</option>
-              <option value="#osm-ca">#osm-ca</option>
-              <option value="#osm-ch">#osm-ch</option>
-              <option value="#osm-cz">#osm-cz</option>
-              <option value="#osm-de">#osm-de</option>
-              <option value="#osm-dk">#osm-dk</option>
-              <option value="#osm-es">#osm-es</option>
-              <option value="#osm-fi">#osm-fi</option>
-              <option value="#osm-fr">#osm-fr</option>
-              <option value="#osm-gb">#osm-gb</option>
-              <option value="#osm-gr">#osm-gr</option>
-              <option value="#osm-gsoc">#osm-gsoc</option>
-              <option value="#osm-ht">#osm-ht</option>
-              <option value="#osm-ie">#osm-ie</option>
-              <option value="#osm-it">#osm-it</option>
-              <option value="#osm-ke">#osm-ke</option>
-              <option value="#osm-latam">#osm-latam</option>
-              <option value="#osm-local">#osm-local</option>
-              <option value="#osm-lv">#osm-lv</option>
-              <option value="#osm-nl">#osm-nl</option>
-              <option value="#osm-no">#osm-no</option>
-              <option value="#osm-nominatim">#osm-nominatim</option>
-              <option value="#osm-pl">#osm-pl</option>
-              <option value="#osm-pt">#osm-pt</option>
-              <option value="#osm-ru">#osm-ru</option>
-              <option value="#osm.se">#osm.se</option>
-              <option value="#osm-strategic">#osm-strategic</option>
-              <option value="#osm-ua">#osm-ua</option>
-              <option value="#osm-us">#osm-us</option>
-              <option value="#osm-za">#osm-za</option>
-              <option value="#osm-zh">#osm-zh</option>
-              <option value="#osmf-gm">#osmf-gm</option>
-              <option value="#osrm">#osrm</option>
-              <option value="#openrailwaymap">#openrailwaymap</option>
-              <option value="#hot">#hot</option>
-            </select>
-          </td>
-        </tr>
-        <tr>
-          <th></th>
-          <td><input type="submit" value="Connect" /></td>
-        </tr>
-      </table>
-    </form>
+    <div>
+      <form method="get" action="https://webchat.oftc.net/">
+        <table>
+          <tr>
+            <th>Nickname</th>
+            <td><input name="nick" type="text" /></td>
+          </tr>
+          <tr>
+            <th>Channel</th>
+            <td>
+              <select name="channels">
+                <option value="#osm">#osm</option>
+                <option value="#osm-dev">#osm-dev</option>
+                <option value="#osm-ewg">#osm-ewg</option>
+                <option value="#osm-cwg">#osm-cwg</option>
+                <option value="#osm-ar">#osm-ar</option>
+                <option value="#osm-asia">#osm-asia</option>
+                <option value="#osm-au">#osm-au</option>
+                <option value="#osm-br">#osm-br</option>
+                <option value="#osm-bw">#osm-bw</option>
+                <option value="#osm-by">#osm-by</option>
+                <option value="#osm-ca">#osm-ca</option>
+                <option value="#osm-ch">#osm-ch</option>
+                <option value="#osm-cz">#osm-cz</option>
+                <option value="#osm-de">#osm-de</option>
+                <option value="#osm-dk">#osm-dk</option>
+                <option value="#osm-es">#osm-es</option>
+                <option value="#osm-fi">#osm-fi</option>
+                <option value="#osm-fr">#osm-fr</option>
+                <option value="#osm-gb">#osm-gb</option>
+                <option value="#osm-gr">#osm-gr</option>
+                <option value="#osm-gsoc">#osm-gsoc</option>
+                <option value="#osm-ht">#osm-ht</option>
+                <option value="#osm-ie">#osm-ie</option>
+                <option value="#osm-it">#osm-it</option>
+                <option value="#osm-ke">#osm-ke</option>
+                <option value="#osm-latam">#osm-latam</option>
+                <option value="#osm-local">#osm-local</option>
+                <option value="#osm-lv">#osm-lv</option>
+                <option value="#osm-nl">#osm-nl</option>
+                <option value="#osm-no">#osm-no</option>
+                <option value="#osm-nominatim">#osm-nominatim</option>
+                <option value="#osm-pl">#osm-pl</option>
+                <option value="#osm-pt">#osm-pt</option>
+                <option value="#osm-ru">#osm-ru</option>
+                <option value="#osm.se">#osm.se</option>
+                <option value="#osm-strategic">#osm-strategic</option>
+                <option value="#osm-ua">#osm-ua</option>
+                <option value="#osm-us">#osm-us</option>
+                <option value="#osm-za">#osm-za</option>
+                <option value="#osm-zh">#osm-zh</option>
+                <option value="#osmf-gm">#osmf-gm</option>
+                <option value="#osrm">#osrm</option>
+                <option value="#openrailwaymap">#openrailwaymap</option>
+                <option value="#hot">#hot</option>
+              </select>
+            </td>
+          </tr>
+          <tr>
+            <th></th>
+            <td><input type="submit" value="Connect" /></td>
+          </tr>
+        </table>
+      </form>
+    </div>
   </body>
 </html>
index ba5a1cd943438774ed1e9b2a7dbfd6911117ad89..3a8dc0250972604932094e4c63357b11102619a1 100644 (file)
@@ -1,9 +1,11 @@
 h1 {
-  display: inline-block;
   text-align: center;
 }
 
+div {
+  display: flex;
+}
+
 form {
-  display: inline-block;
-  text-align: center;
+  margin: auto;
 }