wberube
/
echoip
mirror of https://github.com/mpolden/echoip
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
html/index.html
View File

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

9
html/styles.html
View File

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