svg.escobar.life

A simple SVG markup editor for the web

Commit
4e24c53847b869eab6ecb1ccd936b6023e02fa65
Parent
9bb7e423e85e78c28c23d1d47220136053d6c1f1
Author
Gark Garcia <37553739+GarkGarcia@users.noreply.github.com>
Date

Improved compatibility across browsers.

Diffstat

1 file changed, 6 insertions, 5 deletions

Status File Name N° Changes Insertions Deletions
Modified styles.css 11 6 5 
diff --git a/styles.css b/styles.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=B612+Mono&display=swap');
+@import url("https://fonts.googleapis.com/css?family=B612+Mono&display=swap");
 
 :root {
     align-self: center;
@@ -110,7 +110,7 @@ body > div#container {
 }
 
 body, body * {
-    font-family: 'B612 Mono', monospace;
+    font-family: "B612 Mono", monospace;
     color: var(--light);
 }
 
@@ -132,7 +132,7 @@ body > div#container > div#title > svg {
     stroke-width: 0;
 
     max-height: 100% !important;
-    width: fit-content;
+    max-width: calc(22 * var(--tiny));
 }
 
 body > div#container > div#title > a {
@@ -157,6 +157,7 @@ body > div#container > div#title > a > svg {
 
 body > div#container > div#title > span {
     font-size: .75rem;
+    font-weight: bold;
     line-height: calc(4 * var(--tiny));
 
     float: right;
@@ -165,8 +166,8 @@ body > div#container > div#title > span {
 body > div#container > div#display > svg#error, body > div#container > div#display > img {
     grid-area: image;
 
-    max-height: 100% !important;
     max-width: 100% !important;
+    max-height: calc(100% - 8 * var(--tiny)) !important;
 
     justify-self: center;
     align-self: center;
@@ -259,7 +260,7 @@ body > div#container > div#editor {
 }
 
 body > div#container > div#editor * {
-    font-family: 'B612 Mono', monospace;
+    font-family: "B612 Mono", monospace;
 }
 
 body > div#container > div#editor > * {