Use monospaced font in table to align D-Star Calls correctly

This commit is contained in:
phl0 2017-01-16 21:04:04 +01:00
parent edab4de157
commit f05652d7c0
No known key found for this signature in database
GPG key ID: 48EA1E640798CA9A
5 changed files with 19 additions and 3 deletions

14
css/monospacetables.css Normal file
View file

@ -0,0 +1,14 @@
.localTx {
font-family: monospace;
font-size: 14px;
}
.lastHeard {
font-family: monospace;
font-size: 14px;
}
.curTx {
font-family: monospace;
font-size: 14px;
}

View file

@ -6,7 +6,7 @@ $totalLH = count($lastHeard);
<div class="panel-heading">Last Heard List of today's <?php echo $totalLH; ?> callsigns.</div>
<!-- Tabelle -->
<div class="table-responsive">
<table id="lastHeard" class="table table-condensed table-striped table-hover">
<table id="lastHeard" class="table lastHeard table-condensed table-striped table-hover">
<thead>
<tr>
<th>Time (<?php echo TIMEZONE;?>)</th>

View file

@ -6,7 +6,7 @@ $totalLH = count($lastHeard);
<div class="panel-heading">Today's local transmissions</div>
<!-- Tabelle -->
<div class="table-responsive">
<table id="localTx" class="table table-condensed table-striped table-hover">
<table id="localTx" class="table localTx table-condensed table-striped table-hover">
<thead>
<tr>
<th>Time (<?php echo TIMEZONE;?>)</th>

View file

@ -3,7 +3,7 @@
<div class="panel-heading">Currently TXing</div>
<!-- Tabelle -->
<div class="table-responsive">
<table id="currtx" class="table table-condensed table-striped table-hover">
<table id="currtx" class="table curTx table-condensed table-striped table-hover">
<thead>
<tr>
<th>Time (<?php echo TIMEZONE;?>)</th>

View file

@ -23,6 +23,8 @@ include "version.php";
<meta name="viewport" content="width=device-width, initial-scale=0.6,maximum-scale=1, user-scalable=yes">
<!-- CSS for tooltip display -->
<link rel="stylesheet" href="css/tooltip.css">
<!-- CSS for monospaced fonts in tables -->
<link rel="stylesheet" href="css/monospacetables.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<!-- Das neueste kompilierte und minimierte CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">