me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] Incorrect margin and refactor some CSS

Browse Source 
Ensure correct margins on mobile home page
This commit is contained in:
Matthew Grove
2021-09-11 17:56:22 +01:00
parent cfd9bd9034
commit 64d956720e
2 changed files with 23 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/App.css
View File

@@ -317,4 +317,26 @@ label, p, input[type=text], main > span, main div > span {
.cookie-notice > .button:hover { .cookie-notice > .button:hover {
color: var(--text-color-tinted); color: var(--text-color-tinted);
background-color: var(--primary-color-tinted); background-color: var(--primary-color-tinted);
} }
.progress-history-container {
display: table;
table-layout: auto;
column-gap: 10px;
width: 100%;
row-gap: 8px;
margin-bottom: 10px;
}
.progress-history-container > div {
display: table-row;
}
.progress-history-container > div > * {
display: table-cell;
word-wrap: break-word;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: inherit;
}

21
src/css/History.css
View File

@@ -1,24 +1,3 @@
.progress-history-container {
display: table;
table-layout: auto;
column-gap: 10px;
width: 100%;
row-gap: 8px;
}
.progress-history-container > div {
display: table-row;
}
.progress-history-container > div > * {
display: table-cell;
word-wrap: break-word;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: inherit;
}
.history-sections { .history-sections {
display: flex; display: flex;
flex-direction: column; flex-direction: column;