From 0ab15373fae651bbb6854b40e9c252e38812b444 Mon Sep 17 00:00:00 2001 From: Maxime Beauchemin Date: Sun, 25 Oct 2020 17:55:22 -0700 Subject: [PATCH] style: fix labels vertical align (#11415) * style: fix labels vertical align * addressed comments * just adding the space for now * fix timer --- superset-frontend/src/components/DatabaseSelector.tsx | 3 +-- superset-frontend/src/components/Label/index.tsx | 1 + superset-frontend/src/components/Timer.tsx | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/superset-frontend/src/components/DatabaseSelector.tsx b/superset-frontend/src/components/DatabaseSelector.tsx index f426e1aa1f..52c3f7a2f3 100644 --- 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 ( - - {db.database_name} + {db.database_name} ); } diff --git a/superset-frontend/src/components/Label/index.tsx b/superset-frontend/src/components/Label/index.tsx index e87451f8f5..44403be7f5 100644 --- 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 index 3586103182..22b11f4166 100644 --- 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({