lexgui 0.5.0 → 0.5.2

package/build/lexgui.css

@@ -293,11 +293,17 @@ body.noevents * {
     top: 0;
 }
 
-.hiddenOpacity {
+.hidden-opacity {
     opacity: 0 !important;
     pointer-events: none;
 }
 
+.ellipsis-overflow {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 svg.xs { width: var(--svg-size-xs); height: var(--svg-size-xs); }
 svg.sm { width: var(--svg-size-sm); height: var(--svg-size-sm); }
 svg.lg { width: var(--svg-size-lg); height: var(--svg-size-lg); }
@@ -347,6 +353,8 @@ svg.xxl { width: var(--svg-size-xxl); height: var(--svg-size-xxl); }
     line-height: inherit !important;
     color: var(--global-text-secondary);
     align-content: center;
+    border-radius: 4px;
+    transition: all 0.15s linear;
 }
 
 .lexicon:hover {
@@ -358,6 +366,10 @@ svg.xxl { width: var(--svg-size-xxl); height: var(--svg-size-xxl); }
     transform: scale(0.99);
 }
 
+.lexicon.triggered {
+    background-color: var(--global-button-color);
+}
+
 svg, svg path {
     width: 1rem;
     height: 1rem;
@@ -366,7 +378,7 @@ svg, svg path {
     display: block;
 }
 
-svg path {
+a svg, svg path {
     pointer-events: none;
 }
 
@@ -1247,11 +1259,6 @@ svg path {
     margin-right: 8px;
 }
 
-.lexwidget.micro button {
-    padding-left: 4px;
-    padding-right: 4px;
-}
-
 .lexwidget.small {
     width: 5% !important;
 }
@@ -1262,6 +1269,7 @@ svg path {
 
 .lexinlinewidgets {
     display: flex;
+    gap: 0.1rem;
 }
 
 .lexwidgetseparator div {
@@ -1291,6 +1299,11 @@ svg path {
     color: var(--global-text-secondary);
 }
 
+.lexinlinewidgets .lexwidgetname {
+    width: fit-content !important;
+    padding-inline: 0.4rem;
+}
+
 .lexwidget input:not(.lexcheckbox, .lextoggle, .lexrangeslider) {
     font-family: var(--global-font);
     background: none;
@@ -1300,13 +1313,14 @@ svg path {
     outline: none;
     border-radius: 6px;
     border: 2px solid var(--global-color-transparent);
-    transition: border-color 0.1s linear;
+    transition: background-color 0.2s linear, border-color 0.15s linear;
 }
 
 .lexwidget .lextext {
     border-radius: 6px;
     position: relative;
-    transition: 0.1s linear;
+    transition: border 0.2s linear;
+    border: 1px solid transparent;
 }
 
 .lexwidget .lextext.formlabel {
@@ -1318,10 +1332,24 @@ svg path {
     background-color: var(--global-button-color);
 }
 
+.lexwidget .lextext.outline {
+    background: var(--global-color-primary);
+    border: 1px solid #7a797c4f;
+}
+
+.lexwidget .lextext.dashed {
+    background: var(--global-color-primary);
+    border: 1px dashed #7a797c4f;
+}
+
 .lexwidget input:not(.lexcheckbox, .lextoggle, .lexrangeslider):hover {
     background-color: color-mix(in srgb, var(--global-button-color), #000 7%);
 }
 
+.lexwidget .lextext.outline input:hover {
+    background: none;
+}
+
 .lexwidget .lextext input {
     padding: 5px;
 }
@@ -1403,7 +1431,7 @@ svg path {
 }
 
 :root[data-theme="light"] .lexwidget .lextext {
-    border: 1px solid var(--global-color-tertiary) !important;
+    border: 1px solid var(--global-color-tertiary);
 }
 
 :root[data-theme="light"] .lexbranch .lexseparator {
@@ -1493,13 +1521,15 @@ svg path {
 .lexbutton.primary { --button-color: var(--global-selected) !important; color: #f9f9f9 !important; }
 .lexbutton.secondary { --button-color: var(--global-selected-light) !important; color: #f9f9f9 !important;  }
 .lexbutton.accent { --button-color: var(--global-color-accent) !important; color: #f9f9f9 !important;  }
+.lexbutton.contrast { --button-color: var(--global-text-primary) !important; color: var(--global-color-primary) !important;  }
 .lexbutton.warning { --button-color: var(--global-color-warning) !important; color: #793205 !important;  }
 .lexbutton.error { --button-color: var(--global-color-error) !important; color: #52020d !important;  }
 /* Few Sizes */
 .lexbutton.xs { width: 25% !important; margin: 0 auto; }
 .lexbutton.sm { width: 45% !important; margin: 0 auto; }
 /* Styles */
-.lexbutton.outline { box-shadow: none; --button-color: var(--global-intense-background); border: 1px solid var(--global-color-quaternary) !important; }
+.lexbutton.outline { box-shadow: none; color: var(--global-text-primary) !important; background-color: var(--global-color-primary) !important; border: 1px solid var(--button-color) !important; }
+.lexbutton.dashed { box-shadow: none; color: var(--global-text-primary) !important; background-color: var(--global-color-primary) !important; border: 1px dashed var(--button-color) !important; }
 
 .lexbutton.left {
     text-align: left;
@@ -1508,6 +1538,11 @@ svg path {
 
 .lexbutton span {
     align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    place-content: center;
+    pointer-events: none;
+    gap: 0.4rem;
 }
 
 .lexbutton span:has(.lexbadge) {
@@ -1532,6 +1567,10 @@ svg path {
     pointer-events: none;
 }
 
+.lexbutton svg {
+    pointer-events: none;
+}
+
 .lexbutton.array span {
     display: inline-flex;
 }
@@ -1562,11 +1601,6 @@ svg path {
     color: #DDD;
 }
 
-.lexbutton.noname {
-    margin-left: 0px;
-    margin-top: 0px;
-}
-
 /* Combo Buttons */
 
 .lexcombobuttons .lexcombobuttonsbox {
@@ -1784,7 +1818,8 @@ dialog .lexselect .lexselectoptions {
 /* Check box */
 
 .lexcheckbox {
-    --checkbox-color: var(--global-selected);
+    --checkbox-bg-color: var(--global-selected);
+    --checkbox-fg-color: #fff;
     vertical-align: middle;
     flex-shrink: 0;
     transition: background-color .2s,box-shadow .2s;
@@ -1792,12 +1827,13 @@ dialog .lexselect .lexselectoptions {
     width: 1.5em;
     height: 1.5em;
     padding: 0.12rem;
+    padding-left: 0.13rem;
     display: inline-block;
     background-color: var(--global-color-primary);
-    color: #fff;
+    color: var(--checkbox-fg-color);
     border-width: 1px;
     border-style: solid;
-    border-color: color-mix(in srgb, var(--checkbox-color) 50%, transparent);
+    border-color: color-mix(in srgb, var(--checkbox-bg-color) 50%, transparent);
     border-radius: 4px;
     margin: auto 4px;
     text-align: center;
@@ -1808,11 +1844,12 @@ dialog .lexselect .lexselectoptions {
 }
 
 /* Colors */
-.lexcheckbox.primary { --checkbox-color: var(--global-selected); }
-.lexcheckbox.secondary { --checkbox-color: var(--global-selected-light); }
-.lexcheckbox.accent { --checkbox-color: var(--global-color-accent); }
-.lexcheckbox.warning { --checkbox-color: var(--global-color-warning); }
-.lexcheckbox.error { --checkbox-color: var(--global-color-error); }
+.lexcheckbox.primary { --checkbox-bg-color: var(--global-selected); }
+.lexcheckbox.secondary { --checkbox-bg-color: var(--global-selected-light); }
+.lexcheckbox.accent { --checkbox-bg-color: var(--global-color-accent); }
+.lexcheckbox.contrast { --checkbox-bg-color: var(--global-text-primary); --checkbox-fg-color: var(--global-color-primary); }
+.lexcheckbox.warning { --checkbox-bg-color: var(--global-color-warning); }
+.lexcheckbox.error { --checkbox-bg-color: var(--global-color-error); }
 
 .lexcheckbox:before {
     content: "";
@@ -1828,8 +1865,7 @@ dialog .lexselect .lexselectoptions {
 }
 
 .lexcheckbox:checked,.lexcheckbox[aria-checked=true] {
-    background-color: var(--checkbox-color);
-    color: #fff !important;
+    background-color: var(--checkbox-bg-color);
 }
 
 .lexcheckbox:checked:before, .lexcheckbox[aria-checked=true]:before {
@@ -1838,16 +1874,24 @@ dialog .lexselect .lexselectoptions {
 }
 
 .lexcheckboxcont {
-    display: inline-flex;
-    gap: 8px;
+    display: flex;
+    gap: 0.4rem;
     margin: 0 auto;
 }
 
+.lexcheckboxcont span {
+    width: 95%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
 .lexcheckboxsubmenu {
-    width: 100%;
+    width: calc(100% - 16px);
     padding: 4px;
     padding-inline: 8px;
     color: var(--global-text-secondary);
+    grid-column: span 2;
 }
 
 .lexcheckboxsubmenu .lexwidget {
@@ -1857,9 +1901,10 @@ dialog .lexselect .lexselectoptions {
 /* Toggle Widget */
 
 .lextoggle {
-    --toggle-color: #1a1a1a;
+    --toggle-bg-color: #1a1a1a;
+    --toggle-fg-color: #f9f9f9;
     border: 1px solid transparent;
-    color: #f9f9f9;
+    color: var(--toggle-fg-color);
     background-color: var(--global-color-quaternary);
     cursor: pointer;
     -webkit-appearance: none;
@@ -1887,11 +1932,12 @@ dialog .lexselect .lexselectoptions {
 }
 
 /* Colors */
-.lextoggle.primary { --toggle-color: var(--global-selected); }
-.lextoggle.secondary { --toggle-color: var(--global-selected-light);  }
-.lextoggle.accent { --toggle-color: var(--global-color-accent);  }
-.lextoggle.warning { --toggle-color: var(--global-color-warning);  }
-.lextoggle.error { --toggle-color: var(--global-color-error);  }
+.lextoggle.primary { --toggle-bg-color: var(--global-selected); }
+.lextoggle.secondary { --toggle-bg-color: var(--global-selected-light);  }
+.lextoggle.accent { --toggle-bg-color: var(--global-color-accent);  }
+.lextoggle.contrast { --toggle-bg-color: var(--global-text-primary); --toggle-fg-color: var(--global-color-primary); }
+.lextoggle.warning { --toggle-bg-color: var(--global-color-warning);  }
+.lextoggle.error { --toggle-bg-color: var(--global-color-error);  }
 
 .lextoggle > * {
     z-index: 1;
@@ -1954,12 +2000,12 @@ dialog .lexselect .lexselectoptions {
 
 .lextoggle:checked, .lextoggle[aria-checked=true], .lextoggle:has(>input:checked) {
     border: 1px solid var(--global-color-secondary);
-    background-color: var(--toggle-color);
+    background-color: var(--toggle-bg-color);
     grid-template-columns: 1fr 1fr 0fr;
 }
 
 .lextoggle.outline:checked, .lextoggle.outline[aria-checked=true], .lextoggle.outline:has(>input:checked) {
-    color: var(--toggle-color);
+    color: var(--toggle-bg-color);
     border: 1px solid currentColor;
     background-color: var(--global-color-primary);
 }
@@ -1969,7 +2015,7 @@ dialog .lexselect .lexselectoptions {
 }
 
 .lextoggle:indeterminate {
-    grid-template-columns: .5fr 1fr .5fr
+    grid-template-columns: 0.5fr 1fr 0.5fr;
 }
 
 .lextoggle:disabled {
@@ -1983,23 +2029,29 @@ dialog .lexselect .lexselectoptions {
 
 .lextogglecont {
     font-weight: bold;
-    display: inline-flex;
-    gap: 8px;
+    display: flex;
+    gap: 0.4rem;
     margin: 0 auto;
 }
 
 .lextogglecont .toggletext {
     font-weight: bold;
+    width: 95%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .lextogglesubmenu {
-    width: 100%;
+    width: calc(100% - 16px);
     padding: 6px;
+    padding-inline: 8px;
     color: var(--global-text-secondary);
     margin-top: -1px;
+    grid-column: span 2;
 }
 
-/* Toggle Widget */
+/* Radio Group Widget */
 
 .lexradiogroup {
     width: 100% !important;
@@ -2024,15 +2076,15 @@ dialog .lexselect .lexselectoptions {
 }
 
 .lexradiogroup .lexradiogroupitem button {
-    width: 14px;
-    height: 14px;
-    min-width: 14px !important;
-    min-height: 14px !important;
+    width: 16px;
+    height: 16px;
+    min-width: 16px !important;
+    min-height: 16px !important;
     padding: 0;
     margin: auto 0;
-    border-radius: 7px;
+    border-radius: 8px;
     background-color: var(--global-intense-background);
-    border: 1px solid var(--global-text-secondary) !important;
+    border: 1px solid var(--global-text-tertiary) !important;
 }
 
 .lexradiogroup .lexradiogroupitem button:disabled {
@@ -2057,6 +2109,7 @@ dialog .lexselect .lexselectoptions {
 .lexradiogroup.primary .lexradiogroupitem button.checked span { background-color: var(--global-selected); }
 .lexradiogroup.secondary .lexradiogroupitem button.checked span { background-color: var(--global-selected-light); }
 .lexradiogroup.accent .lexradiogroupitem button.checked span { background-color: var(--global-color-accent); }
+.lexradiogroup.contrast .lexradiogroupitem button.checked span { background-color: var(--global-text-primary); }
 .lexradiogroup.warning .lexradiogroupitem button.checked span { background-color: var(--global-color-warning); }
 .lexradiogroup.error .lexradiogroupitem button.checked span { background-color: var(--global-color-error); }
 
@@ -2220,6 +2273,7 @@ input[type=number] {
     border-radius: 6px;
     margin-right: 2px;
     position: relative;
+    overflow-x: hidden;
     transition: 0.1s linear;
 }
 
@@ -2233,7 +2287,6 @@ input[type=number] {
 
 .lexwidget .numberbox span {
     position: absolute;
-    top: 1px;
     pointer-events: none;
 }
 
@@ -2300,10 +2353,6 @@ input[type=number] {
     right: 0.8em;
 }
 
-.lexwidget .lock {
-    /* color: red; */
-}
-
 /* Range Widget */
 
 .lexrangeslider {
@@ -2312,7 +2361,7 @@ input[type=number] {
     --range-progress: currentColor;
     --range-fill: 1;
     --range-thumb-padding: 0.15rem;
-    --range-bg: color-mix(in oklab,currentColor 10%,#0000);
+    --range-bg: color-mix(in oklab,currentColor 20%,#0000);
     --range-dir: 1;
     --radius-selector: 0.5rem;
     -webkit-appearance: none;
@@ -2325,7 +2374,7 @@ input[type=number] {
     height: var(--range-thumb-size);
     border: none;
     outline: none;
-    color: var(--global-text-secondary);
+    color: var(--global-text-tertiary);
     background-color: #0000;
     overflow: hidden;
     padding: 0;
@@ -2336,10 +2385,15 @@ input[type=number] {
     vertical-align: middle;
 }
 
+.lexrangeslider:disabled {
+    cursor: default;
+}
+
 /* Colors */
 .lexrangeslider.primary { color: var(--global-selected); }
 .lexrangeslider.secondary { color: var(--global-selected-light); }
 .lexrangeslider.accent { color: var(--global-color-accent); }
+.lexrangeslider.contrast { color: var(--global-text-primary); }
 .lexrangeslider.warning { color: var(--global-color-warning); }
 .lexrangeslider.error { color: var(--global-color-error); }
 
@@ -2370,6 +2424,10 @@ input[type=number] {
     height: calc(var(--range-thumb-size)*0.5);
 }
 
+.lexrangeslider:disabled::-webkit-slider-runnable-track {
+    color: var(--global-color-quaternary);
+}
+
 .lexrangeslider::-webkit-slider-thumb {
     box-sizing: border-box;
     border-radius: calc(var(--radius-selector) + min(var(--range-thumb-padding),var(--radius-selector-max)));
@@ -2427,13 +2485,16 @@ input[type=number] {
 }
 
 .lexwidget .lexpad .lexinnerpad .lexpadthumb {
-    background-color: var(--global-selected-light);
+    background-color: var(--global-selected);
     width: 10%;
     height: 10%;
     border-radius: 2px;
     transform: translate(0px, 0px);
 }
 
+.lexwidget .lexpad .lexinnerpad .lexpadthumb.active {
+    background-color: var(--global-selected-light);
+}
 
 /* Tabs Widget */
 
@@ -2508,8 +2569,6 @@ input[type=number] {
     width: 100%;
     min-height: 12px;
     margin: 0 auto;
-    margin-top: 6px;
-    margin-bottom: -8px;
     color: var(--global-text-secondary);
     font-weight: 600;
     font-size: var(--global-font-size);
@@ -2531,6 +2590,10 @@ input[type=number] {
     padding-left: 8px;
 }
 
+.lextree .lextreetools input:hover {
+    background: none;
+}
+
 .lextree .lextreetools.notitle {
     padding-top: 14px;
     border-top-left-radius: 8px;
@@ -2592,6 +2655,15 @@ input[type=number] {
     user-select: none;
 }
 
+.lextree .lextreeitem input {
+    padding: 0;
+    border: none;
+}
+
+.lextree .lextreeitem input:hover {
+    background: none;
+}
+
 .lextree .lextreeitem div {
     display: flex;
     gap: 0.25rem;
@@ -2757,7 +2829,6 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
 .lexbadge {
     border-radius: 0.35rem;
     color: #fff;
-    font-weight: 500;
     border: 1px solid var(--badge-color, #14171a);
     width: fit-content;
     justify-content: center;
@@ -2773,6 +2844,7 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
 .lexbadge.primary { --badge-color: var(--global-selected); }
 .lexbadge.secondary { --badge-color: var(--global-selected-light); }
 .lexbadge.accent { --badge-color: var(--global-color-accent); }
+.lexbadge.contrast { --badge-color: var(--global-text-primary); color: var(--global-color-primary); }
 .lexbadge.warning { --badge-color: var(--global-color-warning); }
 .lexbadge.error { --badge-color: var(--global-color-error); }
 /* Styles */
@@ -3009,6 +3081,10 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
     user-select: none;
 }
 
+.lexmenubar .lexmenubutton:last-child {
+    margin-right: 8px;
+}
+
 .lexmenubar .lexmenubutton a {
     margin-left: 0px !important;
 }
@@ -3640,14 +3716,14 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    transition: 0.2s;
     line-height: 16px;
 }
 
 .lexareatabs .lexareatab.thumb {
     position: absolute;
-    background: light-dark(var(--global-selected-light), var(--global-selected));
+    background: var(--global-selected);
     z-index: 0;
+    transition: linear transform 0.15s;
 }
 
 .lexareatabs.row {
@@ -3819,10 +3895,11 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
     cursor: pointer;
     border-radius: 4px;
     font-size: var(--global-font-size-sm);
+    transition: background-color 0.15s linear;
 }
 
 .lexlayer.selected {
-    --layer-color: light-dark(var(--global-selected-light), var(--global-selected));
+    --layer-color: var(--global-selected);
     color: #fff;
 }
 
@@ -3862,6 +3939,7 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
+    transition: background-color 0.15s linear;
 }
 
 .lexlistitem a {
@@ -3880,7 +3958,7 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
 
 .lexlistitem.selected {
     color: #fff;
-    background-color: light-dark(var(--global-selected-light), var(--global-selected));
+    background-color: var(--global-selected);
 }
 
 /* Array Widget */
@@ -3891,6 +3969,9 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
 .lexwidget:has(.lexcustomcontainer) {
     background-color: light-dark(var(--global-color-tertiary), var(--global-medium-background));
     border-radius: 6px;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: auto auto;
 }
 
 .lexarray .lexwidget {
@@ -3904,6 +3985,7 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
     color: var(--global-text-secondary);
     font-size: var(--global-font-size);
     margin-top: -1px;
+    grid-column: span 2;
 }
 
 .lexarrayitems .small .lexbutton {
@@ -3955,7 +4037,7 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
 
 .lexcounter {
     display: flex;
-    margin: 0 auto;
+    place-content: center;
 }
 
 .lexcounterbox {
@@ -4027,10 +4109,18 @@ tr.dragging {
     pointer-events: none;
 }
 
+th, td {
+    padding: 6px;
+    padding-inline: 12px;
+    text-align: left;
+    align-content: center;
+}
+
 th {
     --th-color: var(--global-text-secondary);
     color: var(--th-color);
     font-size: var(--global-font-size);
+    padding-block: 2px;
     cursor: pointer;
     transition: all 0.1s linear;
     background-color: var(--global-color-tertiary);
@@ -4040,6 +4130,19 @@ th {
     user-select: none;
 }
 
+th a {
+    pointer-events: none;
+}
+
+th span {
+    border-radius: 6px;
+    padding: 0.4rem;
+}
+
+th span:hover {
+    background-color: var(--global-color-secondary);
+}
+
 th a, td a {
     font-size: var(--global-font-size-xs) !important;
     display: flex;
@@ -4055,11 +4158,12 @@ th:hover {
     color: color-mix(in srgb, var(--th-color), #000 10%);
 }
 
-th, td {
-    padding: 6px;
-    padding-inline: 12px;
-    text-align: left;
-    vertical-align: top;
+th.centered, td.centered {
+    text-align: center;
+}
+
+.lextable.centered th, .lextable.centered td {
+    text-align: center;
 }
 
 th.sm, td.sm {
@@ -4067,14 +4171,20 @@ th.sm, td.sm {
 }
 
 th .lexcheckbox, td .lexcheckbox {
-    margin-top: 3px;
     width: 1.25em;
     height: 1.25em;
 }
 
+th a {
+    display: inline-block;
+    transform: translate(6px, 3px);
+}
+
 td {
-    align-content: center;
+    justify-items: center;
     border-top: 2px solid;
+    overflow: hidden;
+    white-space: nowrap;
     border-color: light-dark(#dbd8d8c0, #5c5b5b7a);
 }
 
@@ -4088,11 +4198,12 @@ thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td
 
 .lextable .lextablebuttons {
     display: inline-flex;
-    gap: 0.8rem;
+    gap: 0.2rem;
 }
 
 .lextable .lextablebuttons .lexicon {
     font-size: var(--global-font-size-sm) !important;
+    padding: 0.2rem;
 }
 
 :root[data-theme="light"] .lextable table {
@@ -4107,6 +4218,7 @@ thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td
     color: var(--global-text-secondary);
     font-size: var(--global-font-size);
     margin-top: -1px;
+    grid-column: span 2;
 }
 
 .lexcustomcontainer span {
@@ -4345,14 +4457,10 @@ thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td
 
 .lextimeline .lexwidget:has(.lexbutton:not(.array)) {
     padding: 1px;
-    /* padding-left: 10px;
-  padding-right: 10px; */
 }
 
 .lextimeline .lexinlinewidgets {
     padding-right: 10px;
-    /* background-color: var(--global-color-secondary); */
-    /* height: 100%; */
 }
 
 .lextimeline .lexbutton:hover {
@@ -4367,10 +4475,6 @@ thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td
     margin: 0px;
 }
 
-.lextimeline .lextitle {
-    padding-left: 24px;
-}
-
 .lextimeline .lextree ul {
     margin: 0;
     padding-bottom: 0px;
@@ -4877,7 +4981,7 @@ ul.lexassetscontent {
     position: absolute;
     z-index: 3;
     bottom: 0px;
-    margin-left: 0px;
+    justify-items: end;
 }
 
 .lexcodegutter {