hotfix(votepeloclima): change styles from candidate_profile after review

app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidate_profile.html

@@ -10,14 +10,14 @@
 {% block content %}
 <section class="container">
     <div class="grid py-3">
-        <div class="g-col-12 g-col-sm-12 g-col-lg-4">
+        <div class="g-col-12 g-col-md-4">
             {% if candidature.photo %}
                 <div class="candidature-profile-photo">
                     <img src="{{ candidature.photo.url }}" alt="Foto de {{ candidature.ballot_name }}" class="img-fluid rounded-2"/>
                 </div>
             {% endif %}
         </div>
-        <div class="g-col-12 g-col-sm-12 g-col-lg-8">
+        <div class="g-col-12 g-col-md-8">
             <div>
                 <div class="d-flex justify-content-between mb-2">
                     <p class="text-opacity-75 m-0">{{ candidature.get_city_display }} - {{ candidature.get_state_display }}</p>
@@ -35,7 +35,7 @@ <h1 class="text-uppercase fw-bold">{{ candidature.ballot_name }} | {{ candidatur
                     <div class="d-flex flex-row gap-2">
                         <span class="badge bg-primary fs-6">{{ candidature.get_intended_position_display }}</span>
                         <span class="badge bg-primary fs-6">{{ candidature.get_political_party_display }}</span>
-                        {% if candidature.primary %}
+                        {% if candidature.is_collective_mandate %}
                         <span class="badge bg-primary fs-6">Mandato Coletivo</span>
                         {% endif %}
                     </div>
@@ -102,7 +102,7 @@ <h3 class="text-uppercase">Histórico de atuação</h2>
 <section class="py-5 bg-primary">
     <div class="container">
         <h1 class="text-center text-white text-uppercase fw-bold">O que {{ candidature.ballot_name }} tem a dizer</h1>
-        <div class="d-flex justify-content-center py-5">
+        <div class="candidature-video d-flex justify-content-center py-5">
             <video controls src="{{ candidature.video.url }}" class="w-100"></video>
         </div>
     </div>
@@ -138,7 +138,7 @@ <h2 class="text-center text-uppercase fw-bold">O que esperar de {{ candidature.b
 <section class="py-5">
     <div class="container">
         <div class="grid">
-            <div class="g-col-12 g-col-sm-12 g-col-lg-8">
+            <div class="g-col-12 g-col-md-8">
                 <div class="d-flex flex-column justify-content-between h-100">
                     <div>
                         <h2 class="fw-bold text-uppercase mb-3">Compartilhe nas redes sociais 
@@ -150,22 +150,22 @@ <h2 class="fw-bold text-uppercase mb-3">Compartilhe nas redes sociais
                     </p>
                 </div>
             </div>
-            <div class="g-col-12 g-col-sm-12 g-col-lg-4">
+            <div class="g-col-12 g-col-md-4">
                 <p class="fw-bold text-uppercase">Compartilhe em:</p>
                 <div class="d-flex flex-column justify-content-center gap-2">
-                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://wa.me/?text=Confira a candidatura de {{ request.build_absolute_uri|urlencode }}">
+                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://wa.me/?text=Oi! As eleições estão chegando e o futuro da nossa cidade depende do nosso voto. Compartilho com você uma das candidaturas comprometidas na luta pelo meio ambiente e contra as ameaças climáticas. Conheça as propostas na plataforma *Vote pelo Clima!* {{ request.build_absolute_uri|urlencode }}">
                         <span class="ds-icon-whatsapp"></span>
                         WhatsApp
                     </a>
-                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://twitter.com/intent/tweet?url={{ request.build_absolute_uri|urlencode }}&text=Confira a candidatura de {{ candidature.ballot_name }}" target="_blank">
+                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://twitter.com/intent/tweet?url={{ request.build_absolute_uri|urlencode }}&text=O clima mudou. A política precisa mudar. #VotePeloClima é a plataforma que reúne candidaturas de todo o Brasil comprometidas com a pauta climática, eu sou uma delas! Acesse o perfil e conheça as propostas." target="_blank">
                         <span class="ds-icon-x"></span>
                         Twitter
                     </a>
-                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://www.linkedin.com/shareArticle?mini=true&url={{ request.build_absolute_uri|urlencode }}&title=Confira a candidatura de {{ candidature.ballot_name }}" target="_blank">
+                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://www.linkedin.com/shareArticle?mini=true&url={{ request.build_absolute_uri|urlencode }}&title=O clima mudou. A política precisa mudar.&summary=A #VotePeloClima é a plataforma que reúne candidaturas de todo o Brasil comprometidas com a pauta climática, eu sou uma delas! Acesse o perfil e conheça as propostas." target="_blank">
                         <span class="ds-icon-linkedin"></span>
                         LinkedIn
                     </a>
-                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://www.facebook.com/sharer/sharer.php?u={{ request.build_absolute_uri|urlencode }}" target="_blank">
+                    <a class="btn btn-primary text-uppercase d-inline-flex justify-content-center align-items-center gap-1" href="https://www.facebook.com/sharer/sharer.php?u={{ request.build_absolute_uri|urlencode }}&quote=O clima mudou. A política precisa mudar. #VotePeloClima é a plataforma que reúne candidaturas de todo o Brasil comprometidas com a pauta climática, eu sou uma delas! Acesse o perfil e conheça as propostas." target="_blank">
                         <span class="ds-icon-facebook"></span>
                         Facebook
                     </a>
@@ -180,6 +180,6 @@ <h2 class="fw-bold text-uppercase mb-3">Compartilhe nas redes sociais
 {% endblock %}
 
 {% block footer_js %}
-<script src="{% static '/js/copy-to-clipboard.js' %}" type="text/javascript"></script>
-<script src="{% static '/js/carousel-icons.js' %}" type="text/javascript"></script>
+<script src="{% static 'js/copy-to-clipboard.js' %}" type="text/javascript"></script>
+<script src="{% static 'js/carousel-icons.js' %}" type="text/javascript"></script>
 {% endblock %}

app/org_eleicoes/votepeloclima/candidature/templates/candidature/captcha.html

@@ -13,7 +13,7 @@ <h1 class="text-uppercase">Vamos <strong>começar?</strong></h1>
 {% block form_fields %}{% endblock %}
 
 {% block form_actions %}
-<div class="d-flex align-items-center justify-content-between">
+<div class="d-flex flex-column flex-lg-row align-items-center align-items-md-end justify-content-between">
     <div>
         {% crispy wizard.form %}
     </div>

app/org_eleicoes/votepeloclima/static/scss/custom.scss

@@ -160,15 +160,18 @@ legend.form-label {
 }
 
 // Perfil da Candidatura
-
 @media (min-width: 1200px) {
     .candidature-profile-photo {
         margin-right: 2.5rem;
     }
 }
 
+.candidature-video {
+    max-height: 600px;
+}
+
 #carouselControls {
     .carousel-item > div {
         min-height: 230px;
     }
-}
+}

app/org_eleicoes/votepeloclima/templates/votepeloclima/base.html

@@ -16,7 +16,7 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
   <div class="container">
     <a class="navbar-brand" href="/">
-      {% include "votepeloclima/logo-votepeloclima-sm.svg" %}
+      {% include "votepeloclima/logo-navbar.svg" %}
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
       aria-controls="navbarText" aria-expan ded="false" aria-label="Toggle navigation">
@@ -42,7 +42,7 @@
         <a class="btn btn-light" href="{% url 'oauth:logout' %}">Sair</a>
         {% else %}
         <a class="btn btn-outline-light" href="{% url 'register' %}" role="button">Cadastre-se</a>
-        <a class="btn btn-light" href="{% url 'oauth:login' %}" role="button">Login</a>
+        <a class="btn btn-light" href="{% url 'dashboard' %}" role="button">Login</a>
         {% endif %}
         {% endblock %}
       </div>
@@ -60,7 +60,7 @@
   <div class="container">
     <div class="grid text-white">
       <div class="g-col-12 g-col-md-8">
-        <img src="{% static "/imgs/logo-votepeloclima-lg.svg" %}" alt="Vote Pelo Clima">
+        <img src="{% static "imgs/logo-footer.svg" %}" alt="Vote Pelo Clima">
         <p class="mt-3">Vote pelo Clima é uma iniciativa para fortalecer a democracia por meio da participação popular nas eleições municipais, com ênfase na crise climática. Nosso objetivo é dar visibilidade a candidaturas comprometidas em enfrentar amplamente as mudanças climáticas nas cidades</p>
         <ul class="d-flex list-unstyled gap-2 mb-2">
           {% comment %} <li><a class="text-white text-uppercase fw-bold" href="{% url 'candidature-list' %}" rel="noopener noreferrer">Conheça as candidaturas</a></li> {% endcomment %}
@@ -73,10 +73,10 @@
         <h5 class="fw-bold text-uppercase text-white">Realização</h5>
         <div class="d-flex gap-3">
           <a href="https://nossas.org" target="_blank" rel="noopener noreferrer">
-            <img src="{% static "/imgs/logo-nossas.png" %}" alt="NOSSAS">
+            <img src="{% static "imgs/logo-nossas.png" %}" alt="NOSSAS">
           </a>
           <a href="https://climadeeleicao.com.br/" target="_blank" rel="noopener noreferrer">
-            <img src="{% static "/imgs/logo-clima-de-eleicao.png" %}" alt="Clima de Eleição">
+            <img src="{% static "imgs/logo-clima-de-eleicao.png" %}" alt="Clima de Eleição">
           </a>
         </div>
       </div>