diff --git a/app/styles/components/basic-table.scss b/app/styles/components/basic-table.scss index edd079ad..5a8e500a 100644 --- a/app/styles/components/basic-table.scss +++ b/app/styles/components/basic-table.scss @@ -14,7 +14,7 @@ flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; - padding: 1rem 0 1rem 1rem; + padding: .5rem 0 .5rem 0; text-align: left; width: 100%; @for $i from 1 through 8 { diff --git a/app/styles/components/kanban-task.scss b/app/styles/components/kanban-task.scss index 09d3eee3..19a7ddde 100644 --- a/app/styles/components/kanban-task.scss +++ b/app/styles/components/kanban-task.scss @@ -43,7 +43,7 @@ overflow: hidden; position: relative; text-overflow: ellipsis; - top: 4px; + top: -6px; white-space: nowrap; width: 50px; } diff --git a/app/styles/dependencies/colors.scss b/app/styles/dependencies/colors.scss index e3325f54..a3c96a94 100755 --- a/app/styles/dependencies/colors.scss +++ b/app/styles/dependencies/colors.scss @@ -5,6 +5,7 @@ $blackish: #050505; $gray: #555; $grayer: #444; $gray-light: #cdcdcd; +$very-light-gray: #e3e3e3; $whitish: #f5f5f5; $white: #fff; @@ -14,7 +15,7 @@ $dark-taiga: #879b89; $dry-taiga: #70a87d; $morning-taiga: #7ab987; $dark-grayish-lime-green: #8b9e8d; -$very-light-gray: #e3e3e3; + $red-light: #ff8282; $red: #f00; diff --git a/app/styles/dependencies/elements.scss b/app/styles/dependencies/elements.scss index 72e542e0..addf58dd 100644 --- a/app/styles/dependencies/elements.scss +++ b/app/styles/dependencies/elements.scss @@ -19,18 +19,6 @@ blockquote { content: '\2014 \0020'; } } - a, - a:visited { - color: #555; - } -} - -a { - color: $blackish; - &:hover { - @include transition (color .3s linear); - color: $green-taiga; - } } // __Lists__ diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss index a068ebf8..1756ebc8 100755 --- a/app/styles/dependencies/typography.scss +++ b/app/styles/dependencies/typography.scss @@ -87,11 +87,14 @@ hr { } // __Links__ - a, a:visited { - color: #333; + color: $grayer; text-decoration: none; + &:hover { + @include transition (color .3s linear); + color: $green-taiga; + } } // Taiga Icons diff --git a/app/styles/modules/common/projects-nav.scss b/app/styles/modules/common/projects-nav.scss index 7b672e5b..614d425c 100644 --- a/app/styles/modules/common/projects-nav.scss +++ b/app/styles/modules/common/projects-nav.scss @@ -26,8 +26,8 @@ } .icon-search { position: absolute; - right: 10px; - top: 6px; + right: .7rem; + top: .7rem; } ul { left: 0; diff --git a/app/styles/modules/filters/filters.scss b/app/styles/modules/filters/filters.scss index 48931cfe..4a9554a9 100644 --- a/app/styles/modules/filters/filters.scss +++ b/app/styles/modules/filters/filters.scss @@ -32,8 +32,8 @@ form { .icon-search { position: absolute; - right: .5rem; - top: .5rem; + right: .7rem; + top: .7rem; } } } @@ -64,7 +64,7 @@ @include transition (color .2s ease-in); color: $grayer; display: block; - padding: 1rem 0 1rem 1rem; + padding: .5rem 0 .5rem .5rem; &:hover { @include transition (color .2s ease-in); color: $green-taiga;