make submission form more pleasing to look at

This commit is contained in:
fungal 2023-12-18 16:36:00 +01:00
parent 77b8f37d65
commit a506b4334c

View file

@ -14,6 +14,21 @@
nav>a { nav>a {
margin: 1ch; margin: 1ch;
} }
form>div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-block-end: 2ch;
}
div>label {
flex-basis: 25%;
}
div>input {
flex-basis: 70%;
}
</style> </style>
</head> </head>
@ -31,8 +46,6 @@
<div> <div>
<label for="shortcode">Emoji shortcode</label> <label for="shortcode">Emoji shortcode</label>
<input type="text" id="shortcode" name="shortcode" placeholder="blobcatNotLikeThis"> <input type="text" id="shortcode" name="shortcode" placeholder="blobcatNotLikeThis">
</div>
<div>
<label for="url">Emoji URL</label> <label for="url">Emoji URL</label>
<input type="text" id="url" name="url" placeholder="https://..."> <input type="text" id="url" name="url" placeholder="https://...">
</div> </div>