diff options
| author | Thatcher Peskens <thatcher@gmx.net> | 2021-01-10 12:50:14 +0100 |
|---|---|---|
| committer | Thatcher Peskens <thatcher@gmx.net> | 2021-01-10 12:50:14 +0100 |
| commit | 6e4650327d49205df60d59dbd615f44007593d78 (patch) | |
| tree | aafeb37e2495d4f2a1100f55342f133de5b12908 | |
| parent | 7b849f72bfe07691f9d0abbed59deed3d6035703 (diff) | |
Fixed table width on mobile and dark buttons
| -rw-r--r-- | html/index.html | 14 | ||||
| -rw-r--r-- | html/styles.html | 9 |
2 files changed, 11 insertions, 12 deletions
diff --git a/html/index.html b/html/index.html index 00c3d6b..9557084 100644 --- a/html/index.html +++ b/html/index.html @@ -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 address</th> <td>{{ .IP }}</td> </tr> <tr> - <th scope="row">IP address (decimal)</th> + <th scope="row">IP 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 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 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 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 agent: Comment</th> <td>{{ .UserAgent.Comment }}</td> </tr> {{ end }} {{ if .UserAgent.RawValue }} <tr> - <th scope="row">User agent: Raw</th> + <th scope="row">User agent: Raw</th> <td>{{ .UserAgent.RawValue }}</td> </tr> {{ end }} {{ end }} diff --git a/html/styles.html b/html/styles.html index f246b92..bc0725f 100644 --- a/html/styles.html +++ b/html/styles.html @@ -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); } |