Tweaks

carrismetropolitana · Dec 7, 2023 · e8fc346 · e8fc346
1 parent 61ccc3d
commit e8fc346
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/frontend/components/LineDisplay/LineDisplay.module.css b/frontend/components/LineDisplay/LineDisplay.module.css
@@ -5,19 +5,22 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 65px;
-  max-width: 65px;
-  min-height: 26px;
-  max-height: 26px;
   border-radius: 999px;
   color: #ffffff;
   background-color: var(--gray9);
-  font-size: 16px;
   font-weight: 800;
   letter-spacing: 1px;
   line-height: 1;
 }
 
+.badge.md {
+  font-size: 16px;
+  min-width: 65px;
+  max-width: 65px;
+  min-height: 26px;
+  max-height: 26px;
+}
+
 .badge.lg {
   font-size: 20px;
   min-width: 85px;

diff --git a/frontend/components/LinesExplorerContentHeader/LinesExplorerContentHeader.js b/frontend/components/LinesExplorerContentHeader/LinesExplorerContentHeader.js
@@ -25,7 +25,7 @@ export default function LinesExplorerContentHeader() {
 
   return (
     <div className={styles.container}>
-      <LineBadge short_name={linesExplorerContext.entities.line.short_name} color={linesExplorerContext.entities.line.color} text_color={linesExplorerContext.entities.line.text_color} />
+      <LineBadge short_name={linesExplorerContext.entities.line.short_name} color={linesExplorerContext.entities.line.color} text_color={linesExplorerContext.entities.line.text_color} size="lg" />
       <p className={styles.destinationLabel}>{t('destination_label')}</p>
       <LinesExplorerContentSelectPattern />
     </div>

diff --git a/frontend/components/LinesExplorerContentHeader/LinesExplorerContentHeader.module.css b/frontend/components/LinesExplorerContentHeader/LinesExplorerContentHeader.module.css
@@ -4,7 +4,7 @@
 .container {
   display: flex;
   flex-direction: column;
-  gap: var(--size-xs);
+  gap: 10px;
   padding: var(--size-lg);
   align-items: center;
   width: 100%;
@@ -18,5 +18,6 @@
 
 .destinationLabel {
   color: var(--gray6);
-  font-size: 14px;
+  font-size: 15px;
+  font-weight: 600;
 }