From bd3b279a4e914f215200278fc9ddaf5a2e23f9be Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Tue, 20 Mar 2018 22:50:01 +0100
Subject: CSS: better presentation of the icon on detail panel

---
 chimere/static/chimere/css/styles.css    |  23 +++++-----
 chimere/static/chimere/img/icon-bg.png   | Bin 0 -> 721 bytes
 chimere/static/chimere/img/icon-bg.svg   |  70 +++++++++++++++++++++++++++++++
 chimere/static/saclay/images/icon-bg.png | Bin 860 -> 0 bytes
 chimere/static/saclay/images/icon-bg.svg |  70 -------------------------------
 5 files changed, 83 insertions(+), 80 deletions(-)
 create mode 100644 chimere/static/chimere/img/icon-bg.png
 create mode 100644 chimere/static/chimere/img/icon-bg.svg
 delete mode 100644 chimere/static/saclay/images/icon-bg.png
 delete mode 100644 chimere/static/saclay/images/icon-bg.svg

diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index ac1af56..2b40ce2 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -641,17 +641,18 @@ div#sidebar-container{
 }
 
 .detail-icon{
-    background-image: url("../../saclay/images/icon-bg.svg");
+    background-image: url("../../chimere/img/icon-bg.svg");
     background-position: center center;
     background-repeat: no-repeat;
-    background-size: 28px;
+    background-size: 40px;
     text-align: center;
-    line-height: 60px;
-    margin-top: 15px;
+    line-height: 52px;
+    margin-top: 27px;
 }
 
 .detail-icon img{
-    vertical-align: baseline;
+    vertical-align: bottom;
+    padding-bottom: 18px;
 }
 
 #detail div.detail-icon-default{
@@ -1525,8 +1526,7 @@ ul#multimedia_list_content li.multimedia{
     border-radius: 10px;
 }
 
-#content .olControlLayerSwitcher .layersDiv .baseLayersDiv,
-{
+#content .olControlLayerSwitcher .layersDiv .baseLayersDiv{
     padding-left: 15px;
 }
 
@@ -1721,7 +1721,7 @@ div.pp_default .pp_expand{
 }
 
 #directory .detail-icon{
-    margin-top: 10px;
+    margin-top: 20px;
 }
 
 #directory .share-icon{
@@ -1746,11 +1746,14 @@ div.pp_default .pp_expand{
 }
 
 #directory #detail_footer,
-#directory #detail-content,
 #directory #detail-header{
     width: auto;
 }
 
+#directory #detail-content{
+    width: 100%;
+}
+
 ul#category-directory{
     list-style: none;
     padding: 1em;
@@ -4025,7 +4028,7 @@ li.main_category li.subcategory > span > label{
         margin-left: 100px;
     }
     .main-category-tick{
-        left:auto
+        left: auto;
         right: 50px;
     }
     #edit-button {
diff --git a/chimere/static/chimere/img/icon-bg.png b/chimere/static/chimere/img/icon-bg.png
new file mode 100644
index 0000000..fab43d5
Binary files /dev/null and b/chimere/static/chimere/img/icon-bg.png differ
diff --git a/chimere/static/chimere/img/icon-bg.svg b/chimere/static/chimere/img/icon-bg.svg
new file mode 100644
index 0000000..2a2ed62
--- /dev/null
+++ b/chimere/static/chimere/img/icon-bg.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="9.7902479mm"
+   height="12.798939mm"
+   viewBox="0 0 9.7902479 12.798939"
+   version="1.1"
+   id="svg9347"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="icon-bg.svg">
+  <defs
+     id="defs9341" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.839192"
+     inkscape:cx="15.198735"
+     inkscape:cy="14.896078"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     inkscape:window-x="1280"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata9344">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-50.289403,-88.005291)">
+    <path
+       inkscape:export-ydpi="70.699188"
+       inkscape:export-xdpi="70.699188"
+       inkscape:export-filename="/home/etienne/icon-bg.png"
+       d="m 59.748922,93.031052 c 0,2.593247 -4.54158,7.298198 -4.54158,7.298198 0,0 -4.58721,-4.704951 -4.58721,-7.298198 0,-2.592917 2.12163,-4.695032 4.58721,-4.695032 2.46559,0 4.54158,2.102115 4.54158,4.695032 z"
+       style="fill:#ffffff;fill-opacity:0.9831081;stroke:#ffffff;stroke-width:0.66145831;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       id="path8552"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/chimere/static/saclay/images/icon-bg.png b/chimere/static/saclay/images/icon-bg.png
deleted file mode 100644
index 25b8a08..0000000
Binary files a/chimere/static/saclay/images/icon-bg.png and /dev/null differ
diff --git a/chimere/static/saclay/images/icon-bg.svg b/chimere/static/saclay/images/icon-bg.svg
deleted file mode 100644
index 65c3ada..0000000
--- a/chimere/static/saclay/images/icon-bg.svg
+++ /dev/null
@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="9.7902479mm"
-   height="12.798939mm"
-   viewBox="0 0 9.7902479 12.798939"
-   version="1.1"
-   id="svg9347"
-   inkscape:version="0.92.1 r15371"
-   sodipodi:docname="icon-bg.svg">
-  <defs
-     id="defs9341" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.4"
-     inkscape:cx="-85.745953"
-     inkscape:cy="-96.862659"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     inkscape:pagecheckerboard="true"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1920"
-     inkscape:window-height="1080"
-     inkscape:window-x="1280"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata9344">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Calque 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-50.289403,-88.005291)">
-    <path
-       inkscape:export-ydpi="70.699188"
-       inkscape:export-xdpi="70.699188"
-       inkscape:export-filename="/home/etienne/icon-bg.png"
-       d="m 59.748922,93.031052 c 0,2.593247 -4.54158,7.298198 -4.54158,7.298198 0,0 -4.58721,-4.704951 -4.58721,-7.298198 0,-2.592917 2.12163,-4.695032 4.58721,-4.695032 2.46559,0 4.54158,2.102115 4.54158,4.695032 z"
-       style="fill:#ffffff;fill-opacity:0.84523806;stroke:#ffffff;stroke-width:0.66145831;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
-       id="path8552"
-       inkscape:connector-curvature="0" />
-  </g>
-</svg>
-- 
cgit v1.2.3