More narrow device tweaks

diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss
index 774f841e14e8881667fa6b72e4bad3cdb2de435e..e493f369d80582f92e01fd5022cde95e35576b68 100644 (file)
--- a/src-ui/src/app/components/app-frame/app-frame.component.scss
+++ b/src-ui/src/app/components/app-frame/app-frame.component.scss
@@ -259,7 +259,7 @@ main {
 
 @media screen and (max-width: 345px) {
   .custom-title {
-    max-width: 102px;
+    max-width: 110px;
     overflow: hidden;
   }
 }

diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index cc60d38512d6d6f9105e4116e34b35dbe301d544..eacc3b4e7a305ead5fe1e48c6a84747fc8e92f90 100644 (file)
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -24,7 +24,7 @@
   --pngx-bg-alt2: var(--bs-gray-200); // #e9ecef
   --pngx-bg-disabled: #f7f7f7;
   --pngx-focus-alpha: 0.3;
-  --pngx-toast-max-width: 360px;
+  --pngx-toast-max-width: 340px;
   --bs-info: var(--pngx-bg-alt2);
   --bs-info-rgb: 233, 236, 239;
   @media screen and (min-width: 1024px) {