diff --git a/src/index.scss b/src/index.scss index c4f8b0b5..b4b02cfe 100644 --- a/src/index.scss +++ b/src/index.scss @@ -19,10 +19,13 @@ body, color: var(--text-color); } -a { +a, +.btn-link { text-decoration: none; } -a:hover { + +a:hover, +.btn-link:hover { text-decoration: underline; } @@ -105,6 +108,12 @@ hr { } } +/* Deprecated. Brought from bootstrap 4 */ +.btn-block { + display: block; + width: 100%; +} + .dropdown-item, .dropdown-item-text { color: var(--text-color); @@ -140,7 +149,7 @@ hr { .close, .close:hover, .table, -.table-hover tbody tr:hover { +.table-hover > tbody > tr:hover > * { color: var(--text-color); } diff --git a/src/servers/ManageServers.tsx b/src/servers/ManageServers.tsx index 31dfd69e..75afda13 100644 --- a/src/servers/ManageServers.tsx +++ b/src/servers/ManageServers.tsx @@ -50,7 +50,7 @@ export const ManageServers = ( )} -
+
diff --git a/src/settings/Settings.tsx b/src/settings/Settings.tsx index 68c2b531..9810eff4 100644 --- a/src/settings/Settings.tsx +++ b/src/settings/Settings.tsx @@ -18,7 +18,7 @@ const Settings = ( Tags: FC, ) => () => ( - + General Short URLs Secondary items diff --git a/src/short-urls/helpers/ShortUrlsRow.tsx b/src/short-urls/helpers/ShortUrlsRow.tsx index 02ecd739..93a223db 100644 --- a/src/short-urls/helpers/ShortUrlsRow.tsx +++ b/src/short-urls/helpers/ShortUrlsRow.tsx @@ -73,7 +73,7 @@ const ShortUrlsRow = ( )} {renderTags(shortUrl.tags)} - + ) => ( Tag - + Short URLs - + Visits diff --git a/src/tags/TagsTableRow.tsx b/src/tags/TagsTableRow.tsx index 83f41112..b924e921 100644 --- a/src/tags/TagsTableRow.tsx +++ b/src/tags/TagsTableRow.tsx @@ -31,17 +31,17 @@ export const TagsTableRow = ( {tag.tag} - + {prettify(tag.shortUrls)} - + {prettify(tag.visits)} - + Edit diff --git a/src/theme/theme.scss b/src/theme/theme.scss index e4f8cc64..6c1f0a07 100644 --- a/src/theme/theme.scss +++ b/src/theme/theme.scss @@ -4,7 +4,7 @@ $lightPrimaryColor: #ffffff; $lightPrimaryColorAlfa: rgba($lightPrimaryColor, .5); $lightSecondaryColor: $lightColor; -$lightTextColor: #212529; +$lightTextColor: #232323; $lightBorderColor: rgba(0, 0, 0, .125); $lightTableBorderColor: $mediumGrey; $lightActiveColor: $lightGrey; diff --git a/src/utils/NavPills.tsx b/src/utils/NavPills.tsx index 3d7c3e8e..f1e9ba67 100644 --- a/src/utils/NavPills.tsx +++ b/src/utils/NavPills.tsx @@ -3,6 +3,11 @@ import { Card, Nav, NavLink } from 'reactstrap'; import { NavLink as RouterNavLink } from 'react-router-dom'; import './NavPills.scss'; +interface NavPillsProps { + fill?: boolean; + className?: string; +} + interface NavPillProps { to: string; replace?: boolean; @@ -14,8 +19,8 @@ export const NavPillItem: FC = ({ children, ...rest }) => ( ); -export const NavPills: FC<{ fill?: boolean }> = ({ children, fill = false }) => ( - +export const NavPills: FC = ({ children, fill = false, className = '' }) => ( +