feat: Migliorato il nuovo editor markdown per i testi dei problemi e delle soluzioni

client/styles/main.scss

@@ -234,6 +234,29 @@ hr {
     border-bottom: 2px dotted #555;
 }
 
+.math {
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+.math.math-inline {
+    display: inline-grid;
+}    
+
+@media screen and (min-width: $device-m-width) {
+    .math {
+        max-width: 100%;
+        overflow-x: auto;
+    }
+}
+
+@media screen and (max-width: $device-m-width) {
+    .math {
+        max-width: calc(100vw - 3.5rem);
+        overflow-x: auto;
+    }
+}
+
 .math-inline {
     font-size: 95%;
 }
@@ -856,6 +879,7 @@ header {
 
     @media screen and (max-width: $device-m-width), (pointer: coarse) {
         flex-direction: column;
+        max-width: 100%;
 
         .editor textarea,
         .preview .preview-content {

index.html

@@ -6,6 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
         <title>PHC | Problemi</title>
+        <link rel="icon" type="image/png" href="/favicon/android-chrome-512x512.png" />
 
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

public/favicon/about.txt

@@ -0,0 +1,6 @@
+This favicon was generated using the following font:
+
+- Font Title: Lato
+- Font Author: Copyright (c) 2010-2011 by tyPoland Lukasz Dziedzic (team@latofonts.com) with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1.
+- Font Source: http://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHvxk6XweuBCY.ttf
+- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))

public/favicon/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}