Tweak demo spacing
This commit is contained in:
parent
ae3374e3c7
commit
ad3dc17d40
|
@ -23,7 +23,7 @@
|
||||||
<div class="demo-instructions">
|
<div class="demo-instructions">
|
||||||
Type an expression:
|
Type an expression:
|
||||||
</div>
|
</div>
|
||||||
<textarea id="demo-input">x = \dfrac{-b \pm \sqrt{b^2-4ac}}{2a}</textarea>
|
<textarea id="demo-input" spellcheck="false">x = \dfrac{-b \pm \sqrt{b^2-4ac}}{2a}</textarea>
|
||||||
</div>
|
</div>
|
||||||
<div class="demo-right">
|
<div class="demo-right">
|
||||||
<div class="demo-instructions">
|
<div class="demo-instructions">
|
||||||
|
|
8
main.css
8
main.css
|
@ -58,7 +58,7 @@ body {
|
||||||
.demo,
|
.demo,
|
||||||
.demo-left,
|
.demo-left,
|
||||||
.demo-right {
|
.demo-right {
|
||||||
height: 300px;
|
height: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.demo-left,
|
.demo-left,
|
||||||
|
@ -83,7 +83,7 @@ body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font: 14px Menlo, monospace;
|
font: 14px Menlo, monospace;
|
||||||
height: 120px;
|
height: 160px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
resize: none;
|
resize: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -94,8 +94,10 @@ body {
|
||||||
color: #444;
|
color: #444;
|
||||||
}
|
}
|
||||||
|
|
||||||
.demo-right #demo-output {
|
#demo-output {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
padding: 10px 0;
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user