diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss index 866394bfc..378ff15c0 100644 --- a/app/assets/stylesheets/admin.scss +++ b/app/assets/stylesheets/admin.scss @@ -53,8 +53,8 @@ body.admin { // - - - - - - - - - - - - - - - - - - - - - - - - - .admin-sidebar { - margin-left: rem-calc(-15); - margin-top: rem-calc(-48); + margin-left: rem-calc(-20); + margin-top: rem-calc(24); ul { list-style-type: none; diff --git a/app/assets/stylesheets/debates.scss b/app/assets/stylesheets/debates.scss index 88799d9fb..bf379eef8 100644 --- a/app/assets/stylesheets/debates.scss +++ b/app/assets/stylesheets/debates.scss @@ -2,6 +2,8 @@ // // 01. Debates // 02. Index +// 02.1. Featured +// 02.2. List // 03. Show // 04. New // 05. Comments @@ -165,6 +167,9 @@ // 02. Index // - - - - - - - - - - - - - - - - - - - - - - - - - +// 02.1. Featured +// - - - - - - - - - - - - - + .debate-featured { .panel { @@ -267,9 +272,13 @@ p { color: $text; - font-size: rem-calc(13); + font-size: rem-calc(14); line-height: $line-height; margin-bottom: rem-calc(12); + + &.debate-info { + font-size: rem-calc(13); + } } } @@ -278,8 +287,14 @@ } } +// 02.2. List +// - - - - - - - - - - - - - + .debates-list { - margin-bottom: rem-calc(48); + + @media (min-width: $small-breakpoint) { + margin-bottom: rem-calc(48); + } } .debate { @@ -292,7 +307,11 @@ box-shadow: 0px 1px 3px 0 $border; margin-bottom: rem-calc(12); min-height: rem-calc(192); - padding: rem-calc(12); + padding-top: rem-calc(12); + + @media (min-width: $small-breakpoint) { + padding-bottom: rem-calc(12); + } .label { line-height: $line-height; @@ -304,10 +323,6 @@ min-height: rem-calc(48); } - p { - text-align: justify; - } - .debate-content { margin: 0; min-height: rem-calc(180); @@ -331,11 +346,11 @@ .votes { border: 1px solid $votes-border; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; margin: 0 rem-calc(-12); @media (min-width: $small-breakpoint) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; margin: 0 rem-calc(-24) 0 rem-calc(12); } @@ -372,12 +387,13 @@ } } - .like { + @media (min-width: $small-breakpoint) { + .like { - span { - color: white; - display: block; - line-height: $line-height/2; + span { + display: block; + line-height: $line-height/2; + } } } @@ -406,8 +422,7 @@ // - - - - - - - - - - - - - - - - - - - - - - - - - .debate-show { - background: white; - padding: rem-calc(24) rem-calc(12) 0; + padding-top: rem-calc(12); .back { @include back; @@ -419,7 +434,7 @@ h1 { clear: both; - font-size: rem-calc(24); + font-size: rem-calc(30); font-weight: bold; margin: 0; text-transform: lowercase; @@ -445,7 +460,7 @@ } p { - font-size: rem-calc(14); + font-size: rem-calc(15); line-height: $line-height; margin-bottom: 0; } @@ -472,7 +487,7 @@ } h3 { - border-top: 1px solid $votes-border; + border-top: 2px solid $brand; display: inline-block; font-size: rem-calc(16); margin: -1px 0 rem-calc(12); @@ -482,8 +497,8 @@ .votes { @include votes; - border: 1px solid $votes-border; - border-radius: rem-calc(3); + border: 0; + border-radius: 0; margin: 0; .total-votes { @@ -522,7 +537,7 @@ .tags { display: block; - margin-top: rem-calc(24); + margin: rem-calc(24) 0; a { margin-right: rem-calc(6); @@ -641,6 +656,10 @@ .comment-body { margin-left: rem-calc(42); + p { + font-size: rem-calc(14); + } + .reply { background: white; border: 1px solid $border; diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss index 0b7bb08b4..7454c9cdb 100644 --- a/app/assets/stylesheets/participacion.scss +++ b/app/assets/stylesheets/participacion.scss @@ -90,8 +90,8 @@ body { } p { - font-size: rem-calc(13); - line-height: $line-height; + font-size: rem-calc(15); + line-height: $line-height*1.25; margin-bottom: rem-calc(12); } @@ -134,7 +134,7 @@ h6 { .button { background: $brand; - font-size: rem-calc(13); + font-size: rem-calc(14); font-family: $font-family-sans-serif !important; padding: rem-calc(15) rem-calc(32); } @@ -278,10 +278,6 @@ header { &.results { border-bottom: rem-calc(1) solid $border; min-height: rem-calc(48); - - @media (min-width: $small-breakpoint) { - min-height: 189px; - } } h1 { @@ -334,9 +330,6 @@ header { } .icon-external { - position: absolute; - top: 3px; - right: -20px; color: #D01A6C; font-size: rem-calc(12); } @@ -413,7 +406,11 @@ header { font-size: rem-calc(16); font-weight: lighter; line-height: $line-height*2; - padding-left: 0; + padding-left: rem-calc(12); + + @media (min-width: $small-breakpoint) { + padding-left: 0; + } span { *display: inline; /* IE */ @@ -446,12 +443,13 @@ header { img { height: 48px; - margin-right: rem-calc(6); + margin-top: rem-calc(24); width: 48px; - @media (min-width: $small-breakpoint) { + @media (min-width: $medium-breakpoint) { height: 96px; margin-right: rem-calc(12); + margin-top: 0; width: 96px; } } @@ -534,10 +532,6 @@ header { @media (min-width: $small-breakpoint) { margin-left: 0; - - &.right:first-child { - margin-right: rem-calc(12); - } } li:not(.has-form) a:not(.button) { @@ -585,10 +579,12 @@ header { .subnavigation { background: white; clear: both; - height: rem-calc(72); + min-height: rem-calc(72); - & > .column { - padding-left: 0; + @media (min-width: $small-breakpoint) { + & > .column { + padding-left: 0; + } } a { @@ -596,13 +592,14 @@ header { display: block; font-size: rem-calc(14); font-weight: bold; + line-height: $line-height*2; position: relative; text-align: left; - margin-left: rem-calc(12); @media (min-width: $small-breakpoint) { display: inline-block; line-height: $line-height*3; + margin-left: rem-calc(12); margin-right: rem-calc(72); } @@ -836,6 +833,7 @@ form { &.search-form { height: rem-calc(37); + padding: 0 rem-calc(6); } &.error { @@ -1041,18 +1039,26 @@ img.initialjs-avatar { h2 { display: inline-block; font-size: rem-calc(24); - margin: rem-calc(24) 0; + margin: rem-calc(24) 0 rem-calc(12); + + @media (min-width: $small-breakpoint) { + margin: rem-calc(24) 0; + } } select { background-color: #DEE0E2; height: auto; - margin: rem-calc(24) rem-calc(6); + margin-bottom: rem-calc(24); min-width: rem-calc(180); outline: 0; padding: rem-calc(12); width: auto; + @media (min-width: $small-breakpoint) { + margin: 0 rem-calc(6) rem-calc(24); + } + optgroup { font-size: rem-calc(14); } @@ -1315,7 +1321,7 @@ table { margin-left: rem-calc(12); li { - font-size: rem-calc(13); + font-size: rem-calc(15); margin-bottom: rem-calc(12); } } diff --git a/app/views/debates/index.html.erb b/app/views/debates/index.html.erb index 285a6cfab..f0db765d2 100644 --- a/app/views/debates/index.html.erb +++ b/app/views/debates/index.html.erb @@ -38,6 +38,9 @@ +
+ <%= link_to t("debates.index.start_debate"), new_debate_path, class: 'button radius expand' %> +
<%= render @debates %> <%= paginate @debates %> diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb index 8cd773d26..e4e38674d 100644 --- a/app/views/layouts/_header.html.erb +++ b/app/views/layouts/_header.html.erb @@ -16,7 +16,7 @@
  • <%= link_to root_path do %> - <%= image_tag('header_logo_madrid.png', class: 'left', size: '96x96') %> + <%= image_tag('header_logo_madrid.png', class: 'show-for-medium-up left', size: '96x96') %> <%= t("layouts.header.open_gov", open: "#{t('layouts.header.open')}").html_safe %> | <%= t("layouts.header.participation") %> <% end %>
  • @@ -41,7 +41,7 @@ <% end %> -
    +
    <%= render "shared/search_form_header" %>
    @@ -60,10 +60,6 @@
    - - <% end %> diff --git a/app/views/pages/how_it_works.html.erb b/app/views/pages/how_it_works.html.erb index fd20a362e..ab6bac050 100644 --- a/app/views/pages/how_it_works.html.erb +++ b/app/views/pages/how_it_works.html.erb @@ -4,16 +4,16 @@

    ¿Cómo funciona este Portal de Gobierno Abierto?

    -

    ¿Cómo funciona este Portal de Gobierno Abierto?

    +

    ¿Cómo funciona este Portal de Gobierno Abierto?

    El nuevo Portal de Gobierno Abierto está dividido en tres partes: Participación, Transparencia y Datos Abiertos (verás los enlaces en la parte superior derecha).

    @@ -28,11 +28,11 @@

    Inauguramos el nuevo portal con la nueva sección de Participación, y en breve añadiremos las nuevas secciones de Transparencia y Datos Abiertos (así que mantenemos por el momento los enlaces a las páginas al respecto que ya existían).

    -

    I. Participación

    +

    I. Participación

    El apartado de participación comprenderá diferentes mecanismos de participación: propuestas ciudadanas, espacios de debate, presupuestos participativos, legislación colaborativa, entre muchos otros. Por el momento presentamos el espacio de debate, y muy pronto las propuestas ciudadanas.

    -

    I.I. Espacio de debate

    +

    I.I. Espacio de debate

    En este espacio, cualquier persona puede abrir un hilo de discusión sobre cualquier tema, creando un espacio independiente donde la gente podrá debatir sobre el tema propuesto. De esta manera, en este espacio digital convivirán cada día cientos de espacios de debate distintos entre los que la ciudadanía podrá pasearse, sumándose a los que más les interese.

    diff --git a/app/views/pages/how_to_use.html.erb b/app/views/pages/how_to_use.html.erb index ef16120cf..efc755709 100644 --- a/app/views/pages/how_to_use.html.erb +++ b/app/views/pages/how_to_use.html.erb @@ -4,7 +4,7 @@

    Utilízalo en tu municipio

    Utilízalo en tu municipio libremente o ayúdanos a mejorarlo, es software libre.

    -

    Este Portal de Gobierno Abierto usa la aplicación Consul v.0.9 que es software libre, con licencia AGPLv3, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica cuando se libera.

    +

    Este Portal de Gobierno Abierto usa la aplicación Consul que es software libre, con licencia AGPLv3, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica cuando se libera.

    No sólo puedes utilizar libremente este portal en tu municipio, sino que desde el Ayuntamiento de Madrid vamos a ayudarte todo lo posible a que lo hagas, así que si estás interesado, escríbenos a ag.gobiernoabierto@madrid.es

    diff --git a/app/views/pages/participation.html.erb b/app/views/pages/participation.html.erb index 4bb3469bb..361d3c4d6 100644 --- a/app/views/pages/participation.html.erb +++ b/app/views/pages/participation.html.erb @@ -1,28 +1,27 @@