diff --git a/app/assets/stylesheets/debates.scss b/app/assets/stylesheets/debates.scss index 9a59761d2..a2acbea13 100644 --- a/app/assets/stylesheets/debates.scss +++ b/app/assets/stylesheets/debates.scss @@ -305,11 +305,12 @@ .panel { border-radius: 0; box-shadow: 0px 1px 3px 0 $border; - margin-bottom: rem-calc(4); + margin-bottom: rem-calc(12); min-height: rem-calc(192); padding-top: rem-calc(12); @media (min-width: $small-breakpoint) { + margin-bottom: rem-calc(-1); padding-bottom: rem-calc(12); } @@ -373,7 +374,6 @@ .total-votes { display: inline-block; - float: none; line-height: $line-height; margin-left: rem-calc(24); padding-top: rem-calc(12); @@ -381,6 +381,7 @@ @media (min-width: $small-breakpoint) { display: block; + float: none; line-height: $line-height*2; margin-left: 0; padding-top: 0; @@ -399,7 +400,7 @@ .not-logged { line-height: $line-height; - padding-top: rem-calc(36); + padding-top: rem-calc(24); } .anonymous-votes, .organizations-votes { @@ -752,6 +753,14 @@ // 06. Flags // - - - - - - - - - - - - - - - - - - - - - - - - - +.flag-content { + + .button { + background: none; + padding: 0; + } +} + .flag-disable { color: $text-medium; line-height: rem-calc(24); diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss index c6cd8c4a7..5a7d4c6d7 100644 --- a/app/assets/stylesheets/participacion.scss +++ b/app/assets/stylesheets/participacion.scss @@ -301,14 +301,37 @@ header { font-family: inherit; font-size: rem-calc(16); margin-top: 0; + + &.see-more { + width: 100%; + + @media (min-width: $small-breakpoint) { + width: auto; + } + } + } + + .home-page { + text-align: center; + + @media (min-width: $small-breakpoint) { + text-align: left; + } } .more-info { color: white; + display: block; font-size: rem-calc(14); - margin-left: rem-calc(24); + margin-bottom: rem-calc(24); text-decoration: underline; + @media (min-width: $small-breakpoint) { + display: inline-block; + margin-bottom: 0; + margin-left: rem-calc(24); + } + &:hover { opacity: .75; } @@ -330,10 +353,14 @@ header { } .icon-external { + display: inline-block; font-size: rem-calc(12); opacity: .5; + padding-top: rem-calc(3); + vertical-align: top; @media (min-width: $small-breakpoint) { + padding-top: 0; position: absolute; right: -18px; top: 3px; @@ -419,11 +446,6 @@ header { font-size: rem-calc(16); font-weight: lighter; line-height: $line-height*2; - padding-left: rem-calc(12); - - @media (min-width: $small-breakpoint) { - padding-left: 0; - } span { *display: inline; /* IE */ @@ -503,6 +525,18 @@ header { margin-right: rem-calc(24); width: 100%; + ul { + margin-left: 0; + + @media (min-width: $small-breakpoint) { + margin-left:rem-calc(24); + } + } + + ul li { + background: none; + } + ul li > a { font-size: rem-calc(14); @@ -510,13 +544,17 @@ header { border-radius: 0; line-height: $line-height*1.5; text-align: left; + background: none; + padding-left: rem-calc(6); } @media (min-width: $small-breakpoint) { &.button { + background: $brand; border-radius: rem-calc(3); line-height: rem-calc(15); margin-top: rem-calc(24); + padding-left: rem-calc(15); text-align: center; } } @@ -550,7 +588,7 @@ header { li:not(.has-form) a:not(.button) { background: none; color: white; - padding: 0 rem-calc(6); + padding: rem-calc(12) 0; @media (min-width: $small-breakpoint) { line-height: $line-height*4; @@ -608,7 +646,7 @@ header { a { color: $text; - display: block; + display: inline-block; font-size: rem-calc(14); font-weight: bold; line-height: $line-height*2; @@ -616,12 +654,26 @@ header { text-align: left; @media (min-width: $small-breakpoint) { - display: inline-block; line-height: $line-height*3; margin-left: rem-calc(12); margin-right: rem-calc(72); } + &:after { + color: $border; + content: "|"; + padding: 0 rem-calc(12); + + @media (min-width: $small-breakpoint) { + content: none; + padding: 0; + } + } + + &:last-child:after { + content: none; + } + &:hover { color: $link; } @@ -758,7 +810,6 @@ footer { background: #065687 image-url("auth_bg.jpg"); background-repeat: no-repeat; background-size: cover; - padding-top: rem-calc(24); @media (min-width: $small-breakpoint) { padding-top: rem-calc(48); @@ -772,9 +823,8 @@ footer { @include logo; a { - line-height: $line-height; - span { + span.logo-site { vertical-align: middle; } } @@ -1058,7 +1108,11 @@ img.initialjs-avatar { h2 { display: inline-block; font-size: rem-calc(24); - margin-left: rem-calc(-17); + margin: rem-calc(12) 0; + + @media (min-width: $small-breakpoint) { + margin: rem-calc(24) 0; + } } select { @@ -1070,10 +1124,6 @@ img.initialjs-avatar { padding: rem-calc(12); width: auto; - @media (max-width: $small) { - margin-left: rem-calc(-17); - } - @media (min-width: $small-breakpoint) { margin: 0 0 rem-calc(24) rem-calc(12); } diff --git a/app/views/comments/_flag_actions.html.erb b/app/views/comments/_flag_actions.html.erb index c056204e7..007ab90b4 100644 --- a/app/views/comments/_flag_actions.html.erb +++ b/app/views/comments/_flag_actions.html.erb @@ -1,23 +1,25 @@ -<% if show_flag_action? comment %> -  |  - - -<% end %> + + <% if show_flag_action? comment %> +  |  + + + <% end %> -<% if show_unflag_action? comment %> -  |  - - -<% end %> + <% if show_unflag_action? comment %> +  |  + + + <% end %> + diff --git a/app/views/debates/_flag_actions.html.erb b/app/views/debates/_flag_actions.html.erb index 20f147df9..9456d82d2 100644 --- a/app/views/debates/_flag_actions.html.erb +++ b/app/views/debates/_flag_actions.html.erb @@ -1,21 +1,23 @@ -<% if show_flag_action? debate %> - - -<% end %> + + <% if show_flag_action? debate %> + + + <% end %> -<% if show_unflag_action? debate %> - - -<% end %> + <% if show_unflag_action? debate %> + + + <% end %> + diff --git a/app/views/debates/index.html.erb b/app/views/debates/index.html.erb index bbd77577c..9d576bfc2 100644 --- a/app/views/debates/index.html.erb +++ b/app/views/debates/index.html.erb @@ -3,17 +3,17 @@
-
+
<% if @search_terms %> -

- <%= page_entries_info @debates %> - <%= t("debates.index.search_results", count: @debates.size, search_term: @search_terms) %> -

+

+ <%= page_entries_info @debates %> + <%= t("debates.index.search_results", count: @debates.size, search_term: @search_terms) %> +

<% elsif @tag_filter %> -

- <%= page_entries_info @debates %> - <%= t("debates.index.filter_topic", count: @debates.size, topic: @tag_filter) %> -

+

+ <%= page_entries_info @debates %> + <%= t("debates.index.filter_topic", count: @debates.size, topic: @tag_filter) %> +

<% end %>
<% if @tag_filter || @search_terms %> @@ -22,10 +22,10 @@ <%= t("debates.index.select_order") %> <% else %> -
-

- <%= t("debates.index.select_order_long") %> -

+
+

+ <%= t("debates.index.select_order_long") %> +

<% end %>