From 9fc15b1b9e1141f8e577029ed4d617c26276729a Mon Sep 17 00:00:00 2001
From: ncastejon <castejon.nicolas@gmail.com>
Date: Wed, 24 Apr 2019 13:32:46 +0200
Subject: [PATCH] Few bug fixes for mobile layout

---
 .../resource-queryable.component.scss             |  2 +-
 .../result-post/result-post.component.html        |  6 +++---
 .../results-tab-scope.component.scss              |  4 ++++
 src/index.html                                    | 15 +++++++++++----
 src/scss/ghost-style.scss                         |  4 ++++
 src/styles.scss                                   |  5 +++++
 6 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss b/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss
index 409a3a3a..02413ea1 100644
--- a/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss
+++ b/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss
@@ -193,7 +193,7 @@ h3 {
 
 .dropdown-insee {
   .dropdown-menu {
-    height: 100px;
+    height: 200px;
     max-height: 200px;
     overflow-y: scroll;
     overflow-x: hidden;
diff --git a/src/app/geosource/components/results/result-post/result-post.component.html b/src/app/geosource/components/results/result-post/result-post.component.html
index 20e25c42..8ed2bdff 100644
--- a/src/app/geosource/components/results/result-post/result-post.component.html
+++ b/src/app/geosource/components/results/result-post/result-post.component.html
@@ -4,11 +4,11 @@
       <div class="post-image" [ngStyle]="{'background-image': 'url(' + post.content.featureImage + ') '}">
       </div>
     </div>
-    <div class="column is-8 description-item">
+    <div class="column is-7 description-item">
       <div class="post-description">
         <p class="post-description-date">
-          {{ post.content.publicationDate | date: 'dd.MM.yyyy' }}
-          {{post.content.category ? ' ' + notificationMessages.edito.news + ': ' + post.content.category.name : ''}}
+          {{ post.content.publicationDate | date: 'dd.MM.yyyy' }} &nbsp;
+          {{post.content.category ? ' ' + notificationMessages.edito.news + ' : ' + post.content.category.name : ''}}
         </p>
 
         <a [routerLink]="['/', AppRoutes.articles.uri, post.uuid]" class="link-without-decoration">
diff --git a/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss b/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss
index 2d181b9d..ffdf5476 100644
--- a/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss
+++ b/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss
@@ -23,6 +23,10 @@
     }
   }
 
+  li:last-child {
+    padding-right: 0;
+  }
+
   li > span {
     display: block;
   }
diff --git a/src/index.html b/src/index.html
index 8412213b..769517b1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -8,14 +8,15 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700,800" rel="stylesheet"> 
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
-    crossorigin="anonymous">
+  <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700,800" rel="stylesheet">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
+    integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
 
   <style>
     body {
       margin: 0;
     }
+
     .AppLoader {
       height: 100vh;
       display: flex;
@@ -25,7 +26,13 @@
     }
 
     .AppLoader img {
-      width: 25%;
+      width: 60%;
+    }
+
+    @media screen and (min-width: 705px) {
+      .AppLoader img {
+        width: 25%;
+      }
     }
 
   </style>
diff --git a/src/scss/ghost-style.scss b/src/scss/ghost-style.scss
index 3b556c42..11307318 100644
--- a/src/scss/ghost-style.scss
+++ b/src/scss/ghost-style.scss
@@ -54,6 +54,10 @@
     }
   }
 
+  ol {
+    list-style: inside decimal;
+  }
+
   li {
     padding-left: 1em;
     text-indent: -0.7em;
diff --git a/src/styles.scss b/src/styles.scss
index 266e6f07..d5edf33f 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -89,6 +89,11 @@ tbody {
   color: $brand-color;
 }
 
+// Need to be here, because innerHtml breaks the style inside result-dataset.component
+.subtitle span.highlighted {
+  color: $grey-light-color;
+}
+
 .highlighted {
   background: linear-gradient(to bottom, transparent 20%, #fff5c0 20%, #fff5c0 85%, transparent 85%);
   font-size: unset;
-- 
GitLab