Fixed table width on mobile and dark buttons

This commit is contained in:
Thatcher Peskens 2021-01-10 12:50:14 +01:00
parent 7b849f72bf
commit 6e4650327d
2 changed files with 11 additions and 12 deletions

View File

@ -74,11 +74,11 @@
<h2>What do we know about this IP address?</h2>
<table class="info-table">
<tr>
<th scope="row">IP address</th>
<th scope="row">IP&nbsp;address</th>
<td>{{ .IP }}</td>
</tr>
<tr>
<th scope="row">IP address (decimal)</th>
<th scope="row">IP&nbsp;address (decimal)</th>
<td>{{ .IPDecimal }}</td>
</tr>
{{ if .Country }}
@ -103,7 +103,7 @@
</tr>
{{ end }} {{ if .RegionCode }}
<tr>
<th scope="row">Region code</th>
<th scope="row">Region&nbsp;code</th>
<td>{{ .RegionCode }}</td>
</tr>
{{ end }} {{ if .MetroCode }}
@ -113,7 +113,7 @@
</tr>
{{ end }} {{ if .PostalCode }}
<tr>
<th scope="row">Postal code</th>
<th scope="row">Postal&nbsp;code</th>
<td>{{ .PostalCode }}</td>
</tr>
{{ end }} {{ if .City }}
@ -153,17 +153,17 @@
</tr>
{{ end }} {{ if .UserAgent }} {{ if .UserAgent.Comment }}
<tr>
<th scope="row">User agent</th>
<th scope="row">User&nbsp;agent</th>
<td>{{ .UserAgent.Product }}/{{ .UserAgent.Version }}</td>
</tr>
{{ end }} {{ if .UserAgent.Comment }}
<tr>
<th scope="row">User agent: Comment</th>
<th scope="row">User&nbsp;agent: Comment</th>
<td>{{ .UserAgent.Comment }}</td>
</tr>
{{ end }} {{ if .UserAgent.RawValue }}
<tr>
<th scope="row">User agent: Raw</th>
<th scope="row">User&nbsp;agent: Raw</th>
<td>{{ .UserAgent.RawValue }}</td>
</tr>
{{ end }} {{ end }}

View File

@ -53,12 +53,12 @@
.info-table th {
padding: 5px;
border: 2px solid #ababab;
word-wrap: break-word;
}
.info-table th[scope="row"] {
background-color: #d5d5d5;
text-align: left;
white-space: nowrap;
}
.widgetbox {
@ -114,7 +114,6 @@
a {
background-color: #161719;
color: #d8d9da;
/* text-decoration: underline; */
}
.ip {
border: 1px solid #313233;
@ -138,13 +137,13 @@
background-color: #2e2e2e;
color: rgb(220, 220, 220);
text-align: left;
white-space: nowrap;
}
button {
.pure-button {
background-color: #2e2e2e;
color: rgb(220, 220, 220);
}
button.selected {
.pure-button.selected {
background-color: rgb(125 125 125);
}