diff --git a/app/assets/stylesheets/debates.scss b/app/assets/stylesheets/debates.scss index 2fe4a8383..518ccf5b1 100644 --- a/app/assets/stylesheets/debates.scss +++ b/app/assets/stylesheets/debates.scss @@ -383,6 +383,16 @@ .anonymous-votes, .organizations-votes { padding-top: rem-calc(24); } + + .divider { + display: none; + } + + @media (min-width: $medium-breakpoint) { + .divider { + display: inline-block; + } + } } } @@ -463,6 +473,23 @@ line-height: $line-height; padding: rem-calc(24); } + + @media (min-width: $small-breakpoint + em-calc(1)) and (max-width:$medium-breakpoint) { + .in-favor, .against { + text-align: left; + width: rem-calc(100); + } + } + + .divider { + display: none; + } + + @media (min-width: $medium-breakpoint) { + .divider { + display: inline-block; + } + } } .leave-comment { @@ -536,6 +563,10 @@ } } +.debate-edit { + @extend .debate-new; +} + // 05. Comments // - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss index bd8759c98..d272042df 100644 --- a/app/assets/stylesheets/participacion.scss +++ b/app/assets/stylesheets/participacion.scss @@ -460,7 +460,10 @@ header { &:hover { background: none; - color: $link-hover; + // color: $link-hover; + color: white; + text-decoration: underline; + transition: text-decoration 275ms; } } @@ -488,6 +491,10 @@ header { a { color: white; + + &:hover { + text-decoration: underline; + } } } @@ -502,7 +509,15 @@ header { a { color: $link; + display: inline-block; font-size: rem-calc(14); + min-width: rem-calc(192); + position: relative; + + &:hover { + color: $text; + text-decoration: underline; + } &.active { color: $text; @@ -745,8 +760,7 @@ form { } .ckeditor { - margin-bottom: rem-calc(24); - min-height: rem-calc(336); + min-height: rem-calc(312); } .checkbox { @@ -1172,6 +1186,53 @@ table { } } } + + .more-information { + margin-top: rem-calc(24); + + ul { + list-style-type: none; + margin-left: 0; + + a:first-child { + border-top: 1px solid $border; + display: block; + padding-top: rem-calc(12); + } + + li { + border-bottom: 1px solid $border; + font-size: rem-calc(16); + padding-bottom: rem-calc(12); + padding-left: rem-calc(36); + position: relative; + + span { + color: $text-medium; + display: block; + font-size: rem-calc(13); + } + + &:before { + content: 'D'; + color: $link; + font-family: "icons" !important; + left: 0; + margin-right: rem-calc(12); + position: absolute; + } + + &:after { + content: 'c'; + color: $text-light; + font-family: "icons" !important; + position: absolute; + right: 0; + top: rem-calc(6); + } + } + } + } } // 17. Verification @@ -1259,6 +1320,7 @@ table { span { display: inline-block; + min-width: rem-calc(288); } } } diff --git a/app/views/debates/_form.html.erb b/app/views/debates/_form.html.erb index dd4ed2e29..334c444cf 100644 --- a/app/views/debates/_form.html.erb +++ b/app/views/debates/_form.html.erb @@ -34,7 +34,7 @@