Fenetre de recherche et tirage

styles/simple.css

@@ -469,6 +469,16 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
 .dice-img {
   border-width: 0;
 }
+.in-text-img {
+  max-width: 1.2em;
+  max-height: 1.2em;
+  flex-grow: 0;
+  margin-right: 0.2rem;
+  vertical-align: bottom;
+  border: none;
+  padding: 0.1rem;
+}
+
 .button-img {
   vertical-align: baseline;
   max-width: 32px;
@@ -677,10 +687,11 @@ div.dimmed .img-signe-heure {
 .competence-list .item-controls.hidden-controls {
   display: none !important;
 }
-.item-controls i:is(.fas,.far) {
+.item-controls i:is(.fas, .fa, .fa-solid) {
+  font-size: 0.8em;
   color: var(--color-controls);
 }
-.item-controls i:is(.fas,.far):hover {
+.item-controls i:is(.fas, .far, .fa-solid):hover {
   opacity: 0.7  ;
 }
 
@@ -1929,3 +1940,37 @@ display: inline-flex;
   width: 80px;
   height: 68px;
 }
+
+div.vl {
+  border: 1px solid ;
+  border-color: hsla(0, 0%, 0%, 0.5);
+  height: inherit;
+  min-height: max-content;
+  margin-left: 0;
+  margin-right: 0;
+  width: 1px;
+  flex-grow: 0;
+}
+div.fenetre-recherche div.recherche {
+  display: flex;
+}
+div.fenetre-recherche div.recherche div.filtres {
+  width: fit-content;
+  min-width: 200px;
+  float: left;
+}
+div.fenetre-recherche div.titre-fenetre-recherche {
+  flex-basis: 0;
+  max-height: fit-content;
+}
+div.fenetre-recherche div.liste-resultats {
+  display: flex;
+  flex: auto;
+  flex-flow: row wrap;
+  flex-direction: row;
+  align-content: flex-start  ;
+}
+div.fenetre-recherche div.liste-resultats div.resultat {
+  width: fit-content;
+  margin: 0.2rem 0.5rem;
+}