oxaliq/feature-change-applier
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style global padding and improve margin around components

Browse source
This commit is contained in:
Sorrel Bri 2020-02-26 16:48:50 -08:00
parent 364a3fee29
commit 44990abd68
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/PhonoChangeApplier.scss
View file

@ -1,7 +1,8 @@
div.App { div.App {
height: 100vh; max-height: 100vh;
width: 100vw; max-width: 100vw;
line-height: 1.25em; line-height: 1.25em;
padding: 1em;
h1 { h1 {
font-size: 2em; font-size: 2em;
@ -27,7 +28,7 @@ div.App {
grid-template-rows: repeat(auto-fill, minmax(300px, 1fr)); grid-template-rows: repeat(auto-fill, minmax(300px, 1fr));
div { div {
width: 100%; max-width: 100%;
max-height: 85vh; max-height: 85vh;
margin: 1em; margin: 1em;
overflow-y: scroll; overflow-y: scroll;

3
src/components/Features.scss
View file

@ -1,5 +1,4 @@
div.Features { div.Features {
max-width: 85%;
ul.Features__list li { ul.Features__list li {
display: grid; display: grid;
@ -7,7 +6,7 @@ div.Features {
span.feature--names-and-phones { span.feature--names-and-phones {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
} }
span.feature-name { span.feature-name {