tabular layout for status box

This commit is contained in:
2020-10-28 21:46:31 -07:00
parent 59e0643902
commit 1fb5b37949

View File

@@ -19,6 +19,11 @@
padding: 15px; padding: 15px;
} }
#status_box th {
text-align: left;
padding-right: 2em;
}
.status { .status {
font-family: monospace; font-family: monospace;
font-size: 250%; font-size: 250%;
@@ -36,10 +41,15 @@
</head> </head>
<body> <body>
<section id="status_box"> <section id="status_box">
Status: <table>
<span id="status_line"></span> <tr>
<br><br> <th>Status:</th>
Last Ring: <span id="last_ring" class="status"></span> <td id="status_line"></td>
</tr><tr>
<th>Last Ring:</th>
<td id="last_ring" class="status"></td>
</tr>
</table>
</section> </section>
<audio id="chime" src="indoor.mp3"></audio> <audio id="chime" src="indoor.mp3"></audio>