Fix buttons design

Xpirix · Xpirix · commit 0a3428439a6d · 2024-08-08T11:01:55.000+03:00
diff --git a/src/qg-top-nav.ts b/src/qg-top-nav.ts
@@ -323,9 +323,12 @@ export class QGTopNav extends LitElement {
     }
 
     .desktop .button-container {
-      min-width:120px; 
       display:inherit;
     }
+
+    .desktop .button-container:last-child {
+      min-width: 120px;
+    }
     .desktop .icon-button:hover {
       width:100%;
     }
@@ -341,7 +344,7 @@ export class QGTopNav extends LitElement {
       white-space: nowrap;
       padding-left: 10px;
       opacity: 0;
-      transform: translateX(-100%);
+      transform: translateX(-50%);
       transition: transform 0.5s ease, opacity 0.8s ease-in, opacity 0.3s ease-out;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -323,9 +323,12 @@ export class QGTopNav extends LitElement {`
`323`	`323`	`}`
`324`	`324`
`325`	`325`	`.desktop .button-container {`
`326`		`- min-width:120px;`
`327`	`326`	`display:inherit;`
`328`	`327`	`}`
	`328`	`+`
	`329`	`+ .desktop .button-container:last-child {`
	`330`	`+ min-width: 120px;`
	`331`	`+ }`
`329`	`332`	`.desktop .icon-button:hover {`
`330`	`333`	`width:100%;`
`331`	`334`	`}`
`@@ -341,7 +344,7 @@ export class QGTopNav extends LitElement {`
`341`	`344`	`white-space: nowrap;`
`342`	`345`	`padding-left: 10px;`
`343`	`346`	`opacity: 0;`
`344`		`- transform: translateX(-100%);`
	`347`	`+ transform: translateX(-50%);`
`345`	`348`	`transition: transform 0.5s ease, opacity 0.8s ease-in, opacity 0.3s ease-out;`
`346`	`349`	`}`
`347`	`350`