mirror of
https://codeberg.org/keyoxide/keyoxide-web.git
synced 2024-12-22 14:59:29 -07:00
Improve styling of data on small screens
This commit is contained in:
parent
77deed91a6
commit
f9879cf438
1 changed files with 8 additions and 3 deletions
|
@ -2,10 +2,10 @@
|
|||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
background-color: #eee;
|
||||
margin: 0;
|
||||
color: #333;
|
||||
font-family: sans-serif;
|
||||
margin: 0;
|
||||
background-color: #eee;
|
||||
}
|
||||
header {
|
||||
padding: 16px;
|
||||
|
@ -63,6 +63,9 @@ h1 {
|
|||
h2, h3 {
|
||||
margin-top: 32px;
|
||||
}
|
||||
p {
|
||||
line-height: 1.3em;
|
||||
}
|
||||
a {
|
||||
color: #3f9acc;
|
||||
}
|
||||
|
@ -143,10 +146,11 @@ input[type="submit"] {
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
a.proofDisplay {
|
||||
margin-right: 16px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
a.proofUrl {
|
||||
color: #777;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
a.proofUrl.proofUrl--verified {
|
||||
color: #499539;
|
||||
|
@ -157,6 +161,7 @@ a.proofUrl:hover {
|
|||
@media (max-width: 680px) {
|
||||
.profileDataItem {
|
||||
flex-direction: column;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.profileDataItem__label {
|
||||
max-width: 100%;
|
||||
|
|
Loading…
Reference in a new issue