style: fix labels vertical align (apache#11415)

* style: fix labels vertical align * addressed comments * just adding the space for now * fix timer
auxten · Nov 20, 2020 · 1e8271e · 1e8271e
1 parent 87b82e8
commit 1e8271e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/superset-frontend/src/components/DatabaseSelector.tsx b/superset-frontend/src/components/DatabaseSelector.tsx
@@ -183,8 +183,7 @@ export default function DatabaseSelector({
   function renderDatabaseOption(db: any) {
     return (
       <span title={db.database_name}>
-        <Label bsStyle="default">{db.backend}</Label>
-        {db.database_name}
+        <Label bsStyle="default">{db.backend}</Label> {db.database_name}
       </span>
     );
   }

diff --git a/superset-frontend/src/components/Label/index.tsx b/superset-frontend/src/components/Label/index.tsx
@@ -42,6 +42,7 @@ const SupersetLabel = styled(BootstrapLabel)`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  vertical-align: middle;
 
   &:first-of-type {
     margin-left: 0;

diff --git a/superset-frontend/src/components/Timer.tsx b/superset-frontend/src/components/Timer.tsx
@@ -30,8 +30,8 @@ interface TimerProps {
 }
 
 const TimerLabel = styled(Label)`
-  width: 80px;
-  text-align: right;
+  width: 96px;
+  text-align: center;
 `;
 
 export default function Timer({