[web] Reorganize information at TimezoneSelector

agama-project · Dec 21, 2023 · a1d0c0d · a1d0c0d
1 parent ddcb94e
commit a1d0c0d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/web/src/assets/styles/blocks.scss b/web/src/assets/styles/blocks.scss
@@ -385,14 +385,14 @@ ul[data-of="agama/keymaps"] {
 ul[data-of="agama/timezones"] {
   li {
     display: grid;
-    grid-template-columns: 1fr 2fr 1fr 1fr;
+    grid-template-columns: 2fr 1fr 1fr;
 
     > :last-child {
       grid-column: 1 / -1;
       font-size: 80%;
     }
 
-    > :nth-child(4) {
+    > :nth-child(3) {
       color: var(--color-gray-dimmed);
       text-align: end;
     }

diff --git a/web/src/components/l10n/TimezoneSelector.jsx b/web/src/components/l10n/TimezoneSelector.jsx
@@ -70,13 +70,11 @@ const timezoneDetails = (timezone) => {
  * @param {Date} props.date - Date to show a time.
  */
 const TimezoneItem = ({ timezone, date }) => {
-  const [part1, ...restParts] = timezone.parts;
   const time = timezoneTime(timezone.id, { date }) || "";
 
   return (
     <>
-      <div>{part1}</div>
-      <div>{restParts.join('-')}</div>
+      <div>{timezone.parts.join('-')}</div>
       <div>{timezone.country}</div>
       <div>{time || ""}</div>
       <div>{timezone.details}</div>