From de1b5405048f4ae1e44b84fe91416d4025d51583 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Fri, 18 Sep 2020 15:06:14 +0200
Subject: [PATCH] Style improvement

---
 client/public/img/sepia-warning.svg     | 295 ++++++++++++++++++++++++
 client/src/components/Header.vue        |   7 +-
 client/src/components/SearchWarning.vue |  33 ++-
 client/src/views/Search.vue             |  19 +-
 4 files changed, 334 insertions(+), 20 deletions(-)
 create mode 100644 client/public/img/sepia-warning.svg

diff --git a/client/public/img/sepia-warning.svg b/client/public/img/sepia-warning.svg
new file mode 100644
index 0000000..c90171d
--- /dev/null
+++ b/client/public/img/sepia-warning.svg
@@ -0,0 +1,295 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="22.806789mm"
+   height="27.045675mm"
+   viewBox="0 0 22.806789 27.045675"
+   version="1.1"
+   id="svg1080"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="sepia-warning.svg">
+  <defs
+     id="defs1074" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="53.233375"
+     inkscape:cy="42.996099"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1916"
+     inkscape:window-height="1037"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1077">
+    <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(-91.748669,-136.79062)">
+    <g
+       id="g3051"
+       transform="matrix(0.99318707,0,0,1.0107098,-26.078639,-274.07225)">
+      <path
+         id="path1043"
+         fill="#ffb370"
+         fill-rule="evenodd"
+         d="m 123.72692,431.09481 c 0.33611,-0.15111 0.83741,0.55314 1.34599,0.62795 0.50859,0.0748 1.38039,0.0595 1.88504,-0.68661 0.50467,-0.7461 1.82682,0.1454 1.90945,0.38256 0.0826,0.23715 -1.16384,0.81423 -1.92383,1.08318 -0.75998,0.26897 -1.56968,0.14553 -2.11021,-0.15973 -0.50761,-0.28667 -1.10644,-1.24735 -1.10644,-1.24735 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path1090"
+         fill="#cb6e3b"
+         fill-rule="evenodd"
+         d="m 126.84041,426.42936 c -0.16807,0.55137 2.36179,2.55026 4.2627,2.28084 1.90092,-0.26941 2.85285,-1.12576 3.14392,-1.48765 0.29106,-0.36188 0.60442,-1.73342 0.63902,-2.14471 0.0346,-0.41129 -2.97096,-0.2595 -4.07508,-0.0266 -1.1041,0.23291 -3.06554,0.64397 -3.97056,1.3781 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path996-7"
+         fill="#ffb370"
+         fill-rule="evenodd"
+         d="m 128.31863,428.57878 c 0.38881,-0.0331 0.70199,-0.68956 0.78869,-0.90216 0.0867,-0.2126 -0.69346,-0.90475 -0.83453,-0.98463 -0.14108,-0.0799 -1.28847,0.0781 -1.43366,0.17313 -0.1452,0.0951 -1.45797,1.20332 -1.27949,2.29486 0.17848,1.09153 0.79408,2.06435 1.68491,2.40545 0.42262,0.16182 1.36748,0.2464 1.45405,-0.41435 0.033,-0.2519 -0.92259,-0.33324 -1.04478,-0.98493 -0.13727,-0.73202 0.0137,-1.07503 0.66481,-1.58737 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path865"
+         fill="#fd9c50"
+         d="m 136.18783,418.28809 c 1.0795,5.24324 -1.44025,8.70803 -5.23977,9.45609 -3.37015,0.66349 -7.72987,-2.70939 -8.09277,-6.77775 -0.28574,-3.20333 1.81445,-5.6329 5.6369,-6.23077 3.72354,-0.58239 7.21806,1.23313 7.69564,3.55243 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path863"
+         fill="#fd9c50"
+         fill-rule="evenodd"
+         d="m 125.3375,407.33661 c 0.21263,-0.58669 0.97963,-1.12124 1.45536,-0.64194 0.28166,0.28379 13.23835,10.36397 13.61595,10.62016 0.51796,0.3515 0.71224,1.02437 0.20598,1.40679 -0.53631,0.25976 -20.03146,5.06015 -20.52464,5.22993 -0.4932,0.16965 -1.86092,-0.36591 -1.33699,-1.17246 0.52394,-0.80643 6.37999,-14.49122 6.58434,-15.44248 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path867"
+         fill="#4e3b3a"
+         fill-rule="evenodd"
+         stroke="#2f2828"
+         stroke-width="0.169846"
+         stroke-linecap="butt"
+         stroke-linejoin="miter"
+         stroke-miterlimit="4"
+         d="m 129.55444,422.46907 c 0.0115,-0.38888 0.36544,-0.44573 0.39816,-0.12699 0.0327,0.31875 0.0634,0.55693 0.0573,0.74091 -0.009,0.28407 -0.38399,0.40922 -0.42109,0.007 -0.0271,-0.21151 -0.0231,-0.40649 -0.0344,-0.62096 z" />
+      <path
+         id="path867-6"
+         fill="#4e3b3a"
+         fill-rule="evenodd"
+         stroke="#2f2828"
+         stroke-width="0.169846"
+         stroke-linecap="butt"
+         stroke-linejoin="miter"
+         stroke-miterlimit="4"
+         d="m 133.00108,421.63685 c 0.0524,-0.3855 0.41039,-0.40473 0.40933,-0.0843 -0.001,0.32042 0.009,0.65378 -0.042,0.83071 -0.0596,0.20761 -0.37864,0.25566 -0.37313,-0.14817 -0.005,-0.21318 -0.006,-0.38375 0.006,-0.59822 z" />
+      <path
+         id="path991"
+         fill="#91332b"
+         fill-rule="evenodd"
+         stroke="#5d0000"
+         stroke-width="0.169846"
+         stroke-linecap="round"
+         stroke-linejoin="bevel"
+         d="m 131.80023,426.03285 c -0.23474,-0.085 -0.15102,-0.42972 -0.0713,-0.72168 0.19453,-0.59299 0.70102,-0.85731 0.47173,0.0506 -0.23215,0.70555 -0.40041,0.67108 -0.40041,0.67108 z" />
+      <path
+         id="path996"
+         fill="#fd9c50"
+         fill-rule="evenodd"
+         d="m 130.46385,428.9812 c 0.43278,-0.0306 0.7877,-0.7729 0.88626,-1.01359 0.0986,-0.24068 -0.76223,-1.04387 -0.91835,-1.13751 -0.15611,-0.0936 -1.72644,-0.0323 -1.88889,0.0734 -0.16245,0.10566 -1.55244,1.47447 -1.36486,2.72171 0.18758,1.24725 1.00881,2.23725 1.99623,2.64241 0.46846,0.19221 1.32754,0.4249 1.43045,-0.32653 0.0392,-0.28647 -0.76683,-0.41814 -0.89621,-1.16307 -0.14533,-0.83677 0.026,-1.22489 0.75537,-1.79677 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path996-7-0-9"
+         fill="#fd9c50"
+         fill-rule="evenodd"
+         d="m 134.87546,427.80227 c -0.009,0.36515 -0.74027,0.74658 -0.97816,0.85645 -0.23787,0.10988 -1.09137,-0.51765 -1.19366,-0.6374 -0.10228,-0.11975 -0.006,-1.20568 0.0923,-1.35351 0.0985,-0.14783 1.27448,-1.51886 2.54222,-1.50467 1.26773,0.0142 2.43154,0.45021 2.88981,1.22903 0.21741,0.36949 0.38488,1.23399 -0.36803,1.40587 -0.28704,0.0655 -0.45162,-0.80938 -1.20964,-0.83236 -0.8515,-0.0257 -1.23448,0.16177 -1.77487,0.83659 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path1043-3"
+         fill="#fd9c50"
+         fill-rule="evenodd"
+         d="m 141.5988,427.5664 c -0.35592,0.0688 -0.59942,-0.69703 -1.04419,-0.87646 -0.44476,-0.17942 -1.64988,0.002 -2.34477,0.59059 -0.69489,0.58825 -0.69468,-0.86712 -0.69739,-1.10645 -0.003,-0.2393 0.77969,-0.52726 1.56199,-0.61481 0.78231,-0.0876 1.48907,0.20214 1.89199,0.6037 0.37839,0.3771 0.63236,1.40344 0.63236,1.40344 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path1043-6"
+         fill="#fd9c50"
+         fill-rule="evenodd"
+         d="m 125.70045,431.71305 c 0.33611,-0.15111 0.8374,0.55315 1.34599,0.62796 0.50859,0.0748 1.38039,0.0595 1.88504,-0.68661 0.50466,-0.74611 1.65647,0.26939 1.7391,0.50655 0.0826,0.23715 -0.9935,0.69024 -1.75348,0.95919 -0.75999,0.26895 -1.56969,0.14553 -2.11021,-0.15973 -0.50762,-0.28667 -1.10644,-1.24736 -1.10644,-1.24736 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path1043-6-0"
+         fill="#fd9c50"
+         fill-rule="evenodd"
+         d="m 135.75451,431.24793 c -0.25614,-0.13967 -0.62629,0.50775 -1.00998,0.57575 -0.3837,0.068 -1.04324,0.0524 -1.43443,-0.63526 -0.39118,-0.68766 -1.37977,0.13073 -1.43923,0.3489 -0.0595,0.21815 0.89059,0.7515 1.4688,1.00037 0.57821,0.24888 1.18901,0.13664 1.59394,-0.14344 0.38025,-0.26301 0.8209,-1.14632 0.8209,-1.14632 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path1092-6-8"
+         fill="#cb6e3b"
+         d="m 132.54346,428.41314 c -0.0439,-0.002 -0.0834,0.009 -0.1158,0.0327 l -0.14682,0.10768 c -0.0148,0.006 -0.0284,0.0127 -0.0406,0.0215 -0.12958,0.096 -0.0816,0.35264 0.1071,0.57336 0.16762,0.19568 0.39372,0.30074 0.53415,0.2482 3.7e-4,2.5e-4 6.1e-4,4.9e-4 9.8e-4,9.9e-4 l 0.005,-0.003 c 0.0132,-0.005 0.0254,-0.012 0.0365,-0.02 0.003,-0.002 0.006,-0.005 0.009,-0.007 l 0.16238,-0.0978 c 0.0324,-0.024 0.0538,-0.0582 0.0645,-0.0992 0.0323,-0.12307 -0.0299,-0.30879 -0.1716,-0.47436 -0.14165,-0.16557 -0.31312,-0.27736 -0.44476,-0.28241 z m 0.42847,1.16485 c -0.13797,-0.01 -0.28718,0.13139 -0.35346,0.33374 -0.0666,0.20367 -0.0297,0.40973 0.0872,0.48685 2e-5,3.7e-4 -5e-5,4.9e-4 -3e-5,9.9e-4 l 0.005,0.002 c 0.0112,0.007 0.023,0.0128 0.0353,0.0172 0.003,0.001 0.007,0.002 0.01,0.003 l 0.16558,0.0736 c 0.0365,0.0127 0.075,0.013 0.11346,0.003 0.11548,-0.0302 0.23038,-0.15476 0.28685,-0.32697 0.0753,-0.22963 0.046,-0.45583 -0.0999,-0.50649 l -0.16442,-0.0577 c -0.0124,-0.008 -0.0254,-0.0148 -0.0391,-0.0198 -0.015,-0.005 -0.0307,-0.009 -0.0469,-0.01 z m -0.40303,1.07487 c -0.0905,-0.005 -0.19604,0.0218 -0.2925,0.0739 -0.17485,0.0947 -0.28105,0.25095 -0.25089,0.36901 -2.5e-4,2.5e-4 -4.9e-4,4.9e-4 -7.4e-4,9.9e-4 l 0.002,0.004 c 0.003,0.0112 0.007,0.0219 0.0129,0.0319 0.002,0.003 0.003,0.006 0.005,0.008 l 0.065,0.14305 c 0.0166,0.0294 0.0426,0.0519 0.0751,0.0676 0.0975,0.047 0.25442,0.0322 0.40234,-0.0478 0.19723,-0.10667 0.32144,-0.2718 0.2549,-0.38933 l -0.0747,-0.13302 c -0.003,-0.0123 -0.008,-0.0239 -0.0138,-0.0349 -0.0313,-0.0555 -0.0976,-0.0892 -0.1849,-0.0939 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path1092-6-8-2"
+         fill="#cb6e3b"
+         d="m 130.95053,427.722 -0.59726,0.27788 c -0.85927,0.62534 -1.23309,1.26659 -1.2603,1.50815 -0.0272,0.24156 -0.15806,0.79279 0.26852,1.49635 0.23922,0.45588 0.74199,0.62555 1.00201,0.74124 0.15755,0.0923 0.29706,0.29442 0.33703,0.37277 0.0138,-0.0614 0.12173,-0.3791 -0.0839,-0.48236 l 0.0194,-0.0362 c 0.002,-0.003 0.004,-0.005 0.006,-0.008 0.006,-0.009 0.0109,-0.0196 0.0147,-0.0303 l 0.003,-0.005 c -2.4e-4,-2.5e-4 -5.2e-4,-4.9e-4 -7e-4,-9.9e-4 0.0374,-0.11589 -0.0586,-0.27838 -0.22693,-0.38398 -0.093,-0.0582 -0.19672,-0.0915 -0.28745,-0.0924 l -1e-5,2.5e-4 c -0.0874,-9.9e-4 -0.1557,0.0285 -0.1905,0.0817 -0.007,0.0104 -0.0119,0.0215 -0.0157,0.0335 l -0.001,0.002 c -0.0799,-0.0837 -0.14673,-0.17846 -0.1878,-0.29035 0.0178,4.9e-4 0.0355,-10e-4 0.0529,-0.006 l 0.16872,-0.0625 c 0.004,-9.9e-4 0.008,-10e-4 0.0114,-0.002 0.0125,-0.004 0.0247,-0.009 0.0363,-0.0152 l 0.005,-0.002 c 4e-5,-3.7e-4 -2e-5,-2.5e-4 3e-5,-9.9e-4 0.12157,-0.0695 0.17152,-0.27283 0.11802,-0.48029 -0.0533,-0.20612 -0.19329,-0.3561 -0.33153,-0.35532 -0.0162,-5e-5 -0.032,0.002 -0.0474,0.006 -0.0138,0.004 -0.0271,0.01 -0.0398,0.017 l -0.0296,0.008 c 0.0212,-0.10073 0.0554,-0.19515 0.10246,-0.2864 l 0.0666,0.0462 c 0.003,0.003 0.005,0.006 0.008,0.008 0.0107,0.009 0.0226,0.0162 0.0356,0.0223 l 0.005,0.003 c 3.7e-4,-1.1e-4 6e-4,-3.7e-4 9.7e-4,-4.9e-4 0.1368,0.0614 0.36912,-0.0291 0.54885,-0.21373 0.20256,-0.2083 0.26684,-0.46154 0.14358,-0.56563 -0.0116,-0.01 -0.0246,-0.0174 -0.0389,-0.0239 l -0.0216,-0.018 c 0.4319,-0.0718 0.78145,-0.77047 0.8807,-1.00264 0.047,-0.1099 0.0965,-0.0892 -0.10999,-0.31298 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path1092-6-8-5"
+         fill="#cb6e3b"
+         d="m 134.70629,427.58985 c 0.007,0.0433 0.0248,0.0801 0.0546,0.1072 l 0.13428,0.12296 c 0.008,0.0134 0.018,0.0254 0.0291,0.0356 0.11945,0.10835 0.3618,0.0112 0.54141,-0.217 0.15918,-0.2026 0.21806,-0.44487 0.13911,-0.57233 1.3e-4,-3.7e-4 3.7e-4,-4.9e-4 7.4e-4,-9.8e-4 l -0.004,-0.004 c -0.008,-0.0119 -0.0167,-0.0226 -0.0268,-0.0319 -0.003,-0.002 -0.006,-0.005 -0.009,-0.007 l -0.12763,-0.14015 c -0.0299,-0.0271 -0.0676,-0.0414 -0.10992,-0.0439 -0.12702,-0.008 -0.297,0.0897 -0.43172,0.26092 -0.13472,0.17126 -0.21088,0.36126 -0.19012,0.49135 z m 1.05876,-0.64768 c 0.0176,0.13716 0.18494,0.25599 0.39634,0.28148 0.21275,0.0255 0.40763,-0.0509 0.46044,-0.18063 3.7e-4,-9e-5 4.9e-4,-5e-5 9.9e-4,-1.2e-4 l 0.001,-0.006 c 0.005,-0.0124 0.008,-0.0251 0.01,-0.038 2.4e-4,-0.003 4.9e-4,-0.007 6.1e-4,-0.0104 l 0.0398,-0.17677 c 0.005,-0.0383 -0.002,-0.0761 -0.0191,-0.11189 -0.0522,-0.10735 -0.19675,-0.19573 -0.37669,-0.21747 -0.2399,-0.029 -0.45603,0.0439 -0.47723,0.19683 l -0.0245,0.17251 c -0.006,0.0137 -0.01,0.0278 -0.0118,0.0422 -0.002,0.0158 -0.002,0.0318 -3.7e-4,0.0478 z m 1.12944,0.29323 c 0.0105,0.0672 0.0479,0.14087 0.10396,0.2042 0.10172,0.11474 0.24075,0.17017 0.32843,0.13093 2.5e-4,1.2e-4 4.9e-4,3.7e-4 8.6e-4,3.7e-4 l 0.003,-0.002 c 0.008,-0.004 0.016,-0.009 0.023,-0.0141 0.002,-0.002 0.004,-0.003 0.006,-0.005 l 0.10176,-0.0684 c 0.0204,-0.0165 0.0339,-0.0388 0.0411,-0.0649 0.0214,-0.0784 -0.0149,-0.19157 -0.10082,-0.28866 -0.11459,-0.12947 -0.26345,-0.19683 -0.34498,-0.13095 l -0.0924,0.0741 c -0.009,0.004 -0.0175,0.009 -0.0251,0.0152 -0.0385,0.031 -0.0545,0.0846 -0.0444,0.14944 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path996-7-0-9-5"
+         fill="#cb6e3b"
+         fill-rule="evenodd"
+         d="m 133.65512,427.38897 c -0.11149,0.11622 -0.55934,0.66894 -0.17274,1.1805 0.16706,0.0823 0.31812,0.13211 0.39803,0.0952 0.23789,-0.10988 0.969,-0.49125 0.97806,-0.85641 0.5404,-0.67481 0.92347,-0.86227 1.77497,-0.83657 0.74803,0.0229 0.91838,0.87306 1.19858,0.83257 -0.0798,-0.23842 -0.0963,-0.19054 -0.24953,-0.53952 -0.86478,-0.87237 -0.9836,-0.76195 -2.01456,-0.81934 -0.75873,0.0814 -1.36503,0.37993 -1.91281,0.94358 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path996-7-0"
+         fill="#fd9c50"
+         fill-rule="evenodd"
+         d="m 131.86011,428.7277 c -0.36474,-0.0448 -0.63336,-0.82426 -0.72213,-1.05099 -0.0888,-0.22673 0.82799,-0.81419 0.95701,-0.895 0.12901,-0.0808 1.20757,0.1149 1.34678,0.21896 0.1392,0.10408 1.4068,1.30769 1.27945,2.45608 -0.12737,1.1484 -0.66773,2.1604 -1.48833,2.49823 -0.3893,0.16027 -1.26971,0.22579 -1.37458,-0.47426 -0.04,-0.2669 0.85059,-0.32874 0.94124,-1.01397 0.10183,-0.76972 -0.31209,-1.18149 -0.93944,-1.73905 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path867-4"
+         fill="#ffddc2"
+         fill-rule="evenodd"
+         d="m 124.71819,411.50377 c -0.12028,0.28845 -0.20609,0.50723 -0.29183,0.66074 -0.13237,0.23702 -0.61139,0.19111 -0.45692,-0.17064 0.0763,-0.19421 0.1785,-0.43899 0.31268,-0.69582 0.13418,-0.25683 0.55634,-0.0827 0.43607,0.20572 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path867-4-7"
+         fill="#ffddc2"
+         fill-opacity="0.602747"
+         fill-rule="evenodd"
+         d="m 133.61451,428.08627 c -0.13775,-0.0656 -0.27208,-0.17362 -0.39095,-0.3086 -0.0619,-0.071 -0.11089,-0.17037 -0.10507,-0.25583 3.7e-4,-0.0432 0.0122,-0.0816 0.0389,-0.10165 0.0691,-0.0659 0.17787,-0.0644 0.28283,-0.0223 0.12687,0.0483 0.25327,0.14146 0.36501,0.25612 0.0785,0.0833 0.11429,0.20995 0.10068,0.30408 -0.0121,0.10303 -0.0766,0.18425 -0.17338,0.16527 -0.0394,-0.005 -0.0863,-0.0194 -0.11805,-0.0371 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path867-4-7-4"
+         fill="#ffddc2"
+         fill-opacity="0.602747"
+         fill-rule="evenodd"
+         d="m 135.55513,425.73467 c -0.10754,0.0358 -0.23416,0.0445 -0.36566,0.029 -0.0688,-0.008 -0.14461,-0.0408 -0.18363,-0.0945 -0.0211,-0.0258 -0.0336,-0.0549 -0.0289,-0.0812 0.005,-0.0764 0.0653,-0.13434 0.14331,-0.16626 0.0931,-0.0401 0.20803,-0.0534 0.3256,-0.046 0.0839,0.007 0.16601,0.0623 0.20506,0.1254 0.0443,0.0675 0.0492,0.15046 -0.013,0.1916 -0.0237,0.0187 -0.0567,0.0353 -0.0827,0.042 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path867-4-7-4-4"
+         fill="#ffddc2"
+         fill-opacity="0.602747"
+         fill-rule="evenodd"
+         d="m 128.56705,428.04256 c -0.0302,0.10923 -0.0935,0.21927 -0.1796,0.31984 -0.0454,0.0524 -0.11443,0.0974 -0.18076,0.0999 -0.0332,0.003 -0.0643,-0.002 -0.0836,-0.0212 -0.0606,-0.0469 -0.0752,-0.12906 -0.0582,-0.21165 0.0186,-0.0996 0.0716,-0.20249 0.14317,-0.29603 0.0525,-0.0659 0.14427,-0.10312 0.21838,-0.10042 0.0807,9.9e-4 0.15234,0.043 0.15187,0.11755 0.002,0.0301 -0.002,0.0667 -0.0112,0.0921 z"
+         style="stroke-width:0.123118" />
+      <path
+         id="path867-4-7-4-4-3"
+         fill="#fffdfb"
+         fill-opacity="0.461189"
+         fill-rule="evenodd"
+         d="m 126.58504,428.063 c -0.0566,0.0982 -0.14539,0.18889 -0.25396,0.26468 -0.0571,0.0394 -0.13516,0.0656 -0.2,0.0514 -0.0329,-0.005 -0.0616,-0.0185 -0.0756,-0.0414 -0.0469,-0.0605 -0.0405,-0.14377 -0.003,-0.21948 0.0429,-0.0918 0.11998,-0.17813 0.21273,-0.25075 0.0673,-0.0506 0.1655,-0.0637 0.23657,-0.0425 0.078,0.0208 0.13671,0.0798 0.11759,0.15183 -0.005,0.0297 -0.0189,0.064 -0.0339,0.0863 z"
+         style="stroke-width:0.123118" />
+      <g
+         id="g1928"
+         transform="matrix(0.46532949,0,0,0.46532949,105.28833,354.54179)"
+         fill="none">
+        <path
+           id="path1667"
+           transform="translate(50.843191,149.43838)"
+           fill="#d35034"
+           fill-opacity="0.442924"
+           fill-rule="evenodd"
+           d="M 0.0998896,1.70263 C -0.300451,1.4498 0.611943,0.278353 0.911835,0.0211231 1.21172,-0.236107 0.720132,1.94563 0.0998896,1.70263 Z" />
+        <path
+           id="path1667-0"
+           transform="translate(51.73368,149.01343)"
+           fill="#d35034"
+           fill-opacity="0.442924"
+           fill-rule="evenodd"
+           d="M 0.10153,2.45307 C -0.312483,2.09539 0.652919,0.403569 0.968634,0.0308394 1.28435,-0.341901 0.744814,2.7939 0.10153,2.45307 Z" />
+        <path
+           id="path1667-7"
+           transform="translate(52.714687,148.74079)"
+           fill="#d35034"
+           fill-opacity="0.442924"
+           fill-rule="evenodd"
+           d="M 0.10153,2.45308 C -0.312482,2.0954 0.652919,0.403578 0.968635,0.0308379 1.28435,-0.341892 0.744814,2.7939 0.10153,2.45308 Z" />
+      </g>
+      <g
+         id="g1923"
+         transform="matrix(0.46532949,0,0,0.46532949,105.28833,354.54179)"
+         fill="none">
+        <path
+           id="path1667-8"
+           transform="translate(59.176498,147.1537)"
+           fill="#d35034"
+           fill-opacity="0.442924"
+           fill-rule="evenodd"
+           d="M 0.10153,2.45307 C -0.312483,2.09539 0.652918,0.403569 0.968634,0.0308395 1.28435,-0.341901 0.744813,2.79389 0.10153,2.45307 Z" />
+        <path
+           id="path1667-6"
+           transform="translate(60.065475,146.90852)"
+           fill="#d35034"
+           fill-opacity="0.442924"
+           fill-rule="evenodd"
+           d="M 0.10153,2.45307 C -0.312483,2.09539 0.652919,0.403569 0.968634,0.0308394 1.28435,-0.341901 0.744814,2.7939 0.10153,2.45307 Z" />
+        <path
+           id="path1667-88"
+           transform="translate(61.0717,146.98055)"
+           fill="#d35034"
+           fill-opacity="0.442924"
+           fill-rule="evenodd"
+           d="M 0.0860883,1.84426 C -0.262666,1.57383 0.543556,0.302832 0.807716,0.0230918 1.07188,-0.256648 0.627381,2.10262 0.0860883,1.84426 Z" />
+      </g>
+      <g
+         id="g1182-9-2-0-9"
+         transform="matrix(0.46510034,0.01460145,-0.01460145,0.46510034,107.02182,353.81778)"
+         opacity="0.7"
+         fill="none">
+        <path
+           id="path1176-2-9-5-2"
+           transform="translate(40.710046,124.27022)"
+           fill="#ffffff"
+           fill-rule="evenodd"
+           d="M 0.016515,5.40546 C 1.78374,2.95544 18.8134,-0.659343 19.8577,0.103777 20.9019,0.866897 20.3424,14.65 19.017,15.0918 17.6915,15.5336 -0.626113,8.37762 0.016515,5.40546 Z" />
+        <path
+           id="path903-5-2-0-3-9-2"
+           transform="translate(59.711631,124.26543)"
+           fill="#f1680d"
+           fill-rule="evenodd"
+           d="M 1.01486,0 C 1.41928,5.02307 1.45025,9.41405 0,15.0867 8.71179,12.5072 13.4043,10.9635 13.8799,10.7051 14.8204,10.1942 13.5713,9.15446 12.6237,8.5418 12.2972,8.33076 6.75296,4.23953 1.01486,0 Z" />
+        <path
+           id="path920-9-6-9-4-4"
+           transform="translate(40.744448,114.10712)"
+           fill="#211f20"
+           fill-rule="evenodd"
+           d="M 5.79425,0.00177574 C 5.44994,0.0245757 5.13423,0.268366 4.94221,0.881996 4.78469,1.79728 2.38979,8.85712 0,15.6495 4.41828,14.07 11.6536,11.6489 20.1676,10.2957 13.7055,5.5214 6.91902,0.500906 6.60485,0.280966 6.34691,0.100386 6.06205,-0.0159343 5.79425,0.00177574 Z" />
+        <path
+           id="path863-7-3-8-0-6-7"
+           transform="translate(35.701924,129.66988)"
+           fill="#737373"
+           fill-rule="evenodd"
+           d="M 5.06549,0 C 2.84719,6.30764 0.622934,12.4155 0.19675,13.1466 -0.686053,14.6609 1.63767,16.2993 2.50706,15.9564 2.93506,15.7876 15.416,12.2449 23.8967,9.73404 17.1997,5.80757 9.28801,2.09501 5.06549,0 Z" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue
index 6dda444..32a9c5c 100644
--- a/client/src/components/Header.vue
+++ b/client/src/components/Header.vue
@@ -5,7 +5,11 @@
 
       <h1>{{indexName}}</h1>
 
-      <h4 v-translate>A search engine of <a href="https://joinpeertube.org" target="_blank">PeerTube</a> videos and channels, developed by <a href="https://framasoft.org" target="_blank">Framasoft</a></h4>
+      <h4 v-translate>
+        A search engine of <a href="https://joinpeertube.org" target="_blank">PeerTube</a> videos and channels
+        <br />
+        Developed by <a href="https://framasoft.org" target="_blank">Framasoft</a>
+      </h4>
 
       <img class="search-home" src="/img/search-home.png" alt="">
     </header>
@@ -49,6 +53,7 @@
       font-size: 14px;
       margin: 0;
       text-align: center;
+      line-height: 25px;
 
       a {
         color: #000;
diff --git a/client/src/components/SearchWarning.vue b/client/src/components/SearchWarning.vue
index da67fd3..e2bfc5c 100644
--- a/client/src/components/SearchWarning.vue
+++ b/client/src/components/SearchWarning.vue
@@ -1,22 +1,41 @@
 <template>
-  <div class="block" v-bind:class="{ highlight: highlight }" v-translate="{ indexName: indexName }">
-    <strong>%{indexName}</strong> displays videos and channels that match your search but is not the publisher, nor the owner.
-    If you notice any problems with a video, report it to the administrators on the PeerTube website where the video is published.
+  <div class="block-warning" v-bind:class="{ highlight: highlight }" >
+    <img src="/img/sepia-warning.svg" alt="">
+
+    <div v-translate="{ indexName: indexName }">
+      <strong>%{indexName}</strong> displays videos and channels that match your search but is not the publisher, nor the owner.
+      If you notice any problems with a video, report it to the administrators on the PeerTube website where the video is published.
+    </div>
   </div>
 </template>
 
 <style lang="scss">
   @import '../scss/_variables';
 
-  .block {
+  .block-warning {
     font-style: italic;
     color: $orange;
+    display: flex;
+    align-items: center;
+    margin: 20px auto;
+
+    img {
+      display: none;
+      margin-right: 20px;
+      height: 70px;
+    }
 
     &.highlight {
-      color: #fff;
-      background-color: $orange-darken;
+      img {
+        display: block;
+      }
+
+      max-width: 800px;
+      color: #5e4f3a;
+      border: 3px solid #f4af81;
+      border-radius: 10px;
       font-style: normal;
-      padding: 20px;
+      padding: 10px 20px;
     }
   }
 
diff --git a/client/src/views/Search.vue b/client/src/views/Search.vue
index 289cfe7..d9bc869 100644
--- a/client/src/views/Search.vue
+++ b/client/src/views/Search.vue
@@ -6,10 +6,6 @@
     </router-link>
 
     <main>
-      <h3 v-if="!searchDone" v-bind:class="{ 'none-opacity': !instancesCount }" v-translate="{ instancesCount: instancesCount, indexedInstancesUrl: indexedInstancesUrl, indexName: indexName }">
-        Search for your favorite videos and channels on <a href="%{indexedInstancesUrl}" target="_blank">%{instancesCount} PeerTube websites</a> indexed by %{indexName}!
-      </h3>
-
       <div id="search-anchor" class="search-container" v-bind:class="{ 'search-container-small': !searchDone }" role="search">
         <input v-bind:placeholder="inputPlaceholder" autofocus v-on:keyup.enter="doNewSearch()" type="text" v-model="formSearch" name="search-text" autocapitalize="off" autocomplete="off" autocorrect="off" maxlength="1024" />
 
@@ -23,6 +19,10 @@
         </button>
       </div>
 
+      <h3 v-if="!searchDone" v-bind:class="{ 'none-opacity': !instancesCount }" v-translate="{ instancesCount: instancesCount, indexedInstancesUrl: indexedInstancesUrl, indexName: indexName }">
+        Search for your favorite videos and channels on <a href="%{indexedInstancesUrl}" target="_blank">%{instancesCount} PeerTube websites</a> indexed by %{indexName}!
+      </h3>
+
       <search-warning class="search-warning" v-bind:indexName="indexName" v-bind:highlight="!searchDone"></search-warning>
 
       <div class="results" v-if="searchDone">
@@ -212,7 +212,7 @@
   h3 {
     max-width: 600px;
     text-align: center;
-    margin: auto;
+    margin: 40px auto 100px auto;
     font-weight: normal;
     font-size: 16px;
 
@@ -294,16 +294,11 @@
     img {
       position: absolute;
       left: -50px;
-      top: 12px;
-      scale: 200%;
-      transform-origin: center left;
+      top: 0;
+      width: 32px;
     }
   }
 
-  .search-warning {
-    margin: 50px 0;
-  }
-
   .results-summary,
   .no-results {
     margin-top: 50px;