From f53fed4755599f4d008bbf49908c6951e69ffa8a Mon Sep 17 00:00:00 2001
From: Marjolaine Le Bon <marjolaine@happy-dev.fr>
Date: Thu, 10 Sep 2020 00:20:49 +0200
Subject: [PATCH] update: integration pollspage - step 1

---
 src/styles/layout/polls/_polls.scss | 93 +++++++++++++++++++++++++++++
 1 file changed, 93 insertions(+)

diff --git a/src/styles/layout/polls/_polls.scss b/src/styles/layout/polls/_polls.scss
index dd14717..620ed82 100644
--- a/src/styles/layout/polls/_polls.scss
+++ b/src/styles/layout/polls/_polls.scss
@@ -166,6 +166,22 @@
     #pollPage {
         width: 85%;
         margin: auto;
+        h1,
+        h2 {
+            font-family: "RefrigeratorDelxW01Bold";;
+        }
+        h1 {
+            font-size: 3.2rem;
+            line-height: 3.8rem;
+        }
+        h2 {
+            font-size: 26px;
+            line-height: 31px;
+        }
+        .vote-debate-content .active-tab,
+        .vote-debate-content .border-content {
+            background-color: white;
+        }
         solid-display.topline {
             >div:first-of-type {
                 *[name="right"] {
@@ -181,6 +197,83 @@
                 }
             }
         }
+        [name="hostingOrganisation"],
+        [name="dateLine"] {
+            color: #3A3A3A;
+            font-family: Facit;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        [name="hostingOrganisation"] {
+            margin-left: 0;
+            [name="hostingOrganisation"]::before {
+                content: '\e037';
+                font-family: 'simple-line-icons';
+                font-weight: 400;
+                color: #C4262E;
+                margin-right: 10px;
+                font-size: 16px;
+            }
+        }
+        solid-display-div [name="dateImage"]::before {
+            font-family: "Material Design Icons";
+            font-weight: 400;
+            content: "\F6AF";
+            color: #C4262E;
+            font-size: 20px;
+        }
+        [name="shortDescription"],
+        [name="longDescription"] {
+            margin: 20px 0;
+            color: #7A7F85;
+            font-family: Facit;
+        }
+        [name="shortDescription"] {
+            margin: 20px 0;
+            font-size: 18px;
+            line-height: 28px;
+        }
+        [name="longDescription"] {
+            font-size: 16px;
+            line-height: 26px;
+        }
+        .vote-section {
+            font-family: Facit;
+        }
+        .vote-tab-content h3::before {
+            font-family: "Material Design Icons";
+            font-weight: 400;
+            font-size: 20px;
+            margin-right: 10px;
+            color: #3A3A3A;
+        }
+        .vote-section > h3::before {
+            content:"\F004";
+        }
+        #totalVotesDisplay::before,
+        .share-vote h3::before {
+            content: "\F00E";
+        }
+        .vote-section > h3 {
+            margin-top: 15px;
+        }
+        #poll-votes-values solid-display > div > solid-set-default,
+        [name="chosenOption"] label {
+            margin-top: 10px;
+        }
+        #poll-votes-values solid-display > div [name="progressBar"] {
+            margin-top: 5px;
+        }
+        div[name="progressBar"] > div,
+        div[name="progressBar"] div .progressBarValue {
+            margin: 0;
+        }
+        #poll-votes-form input[type="submit"] {
+            height: 38px;
+            width: 149px;
+            border-radius: 19px;
+            box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
+        }
     }
 }