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

[FIX] styling (word wrapping, table column gaps)

Browse Source
This commit is contained in:
Matthew Grove
2021-10-08 18:56:48 +01:00
parent b532e2deb1
commit e813deb841
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/App.css
View File

@@ -206,7 +206,7 @@ input[type=number]::-webkit-outer-spin-button {
.page-header > h1 { .page-header > h1 {
margin: 0; margin: 0;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-word;
} }
.page-header > h2 { .page-header > h2 {
@@ -215,7 +215,7 @@ input[type=number]::-webkit-outer-spin-button {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-word;
} }
.page-header > .button { .page-header > .button {
@@ -257,7 +257,7 @@ label > a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-word;
} }
label, p, input[type=text], main > span, main div > span { label, p, input[type=text], main > span, main div > span {
@@ -274,6 +274,7 @@ label .MuiIconButton-label > input {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
flex-wrap: wrap;
} }
.stat-row > h1, .stat-row > h2, .stat-row > h3 { .stat-row > h1, .stat-row > h2, .stat-row > h3 {
@@ -376,7 +377,7 @@ label .MuiIconButton-label > input {
.progress-history-container > div > *:first-child { .progress-history-container > div > *:first-child {
border-left: 0; border-left: 0;
word-break: break-all; word-break: break-word;
text-align: left; text-align: left;
} }

6
src/css/Progress.css
View File

@@ -31,7 +31,6 @@
.progress-end-incorrect-answers { .progress-end-incorrect-answers {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
column-gap: 10px;
width: 100%; width: 100%;
margin-top: 24px; margin-top: 24px;
row-gap: 8px; row-gap: 8px;
@@ -46,6 +45,11 @@
word-wrap: break-word; word-wrap: break-word;
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
border-left: 8px solid transparent;
}
.progress-end-incorrect-answers > div > *:first-child {
border-left: 0;
} }
.progress-end-button-container { .progress-end-button-container {