Lay out the forms on a grid.
From the live site: the submission, login and add editor forms use a two-column CSS grid in place of floats.
This commit is contained in:
+23
-15
@@ -53,21 +53,29 @@ if (!isset($_SESSION['editor'])) {
|
||||
<? } else { ?>
|
||||
|
||||
<form action="https://xxx.org.za<?= $_SERVER['REQUEST_URI'] ?>" method="post">
|
||||
<div>
|
||||
<label for="username">Username: </label>
|
||||
<input type="text" id="username" name="username" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="password">Password: </label>
|
||||
<input type="password" id="password" name="password" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="email">Email: </label>
|
||||
<input type="text" id="email" name="email" />
|
||||
</div>
|
||||
<div class="submission">
|
||||
<button type="submit" id="adduser" name="adduser" value="1">Add editor</button>
|
||||
</div>
|
||||
<div class="grid">
|
||||
|
||||
<label for="username">Username: </label>
|
||||
<div class="rightcolumn">
|
||||
<input type="text" id="username" name="username" />
|
||||
</div>
|
||||
|
||||
<label for="password">Password: </label>
|
||||
<div class="rightcolumn">
|
||||
<input type="password" id="password" name="password" />
|
||||
</div>
|
||||
|
||||
<label for="email">Email: </label>
|
||||
<div class="rightcolumn">
|
||||
<input type="text" id="email" name="email" />
|
||||
</div>
|
||||
|
||||
<div class="leftcolumn"></div>
|
||||
<div class="submission">
|
||||
<button type="submit" id="adduser" name="adduser" value="1">Add editor</button>
|
||||
</div>
|
||||
|
||||
</div><!-- .grid -->
|
||||
</form>
|
||||
<? } ?>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user