css for tags and album popin content

Author: MatthieuLP

css/hf_base.css

@@ -916,6 +916,43 @@ li.path-ext-svg a img {
   margin: 0 0 20px 0;
 }
 
+.tags-found-container,
+.albums-found-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 5px;
+}
+.albums-found-container {
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+}
+.tags-found-container .tag-item,
+.albums-found-container .album-item {
+  background: #F4AB4F;
+  color: #525252;
+  padding: 3px 6px;
+  border-radius: 5px;
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: default;
+
+  direction: rtl;
+  text-align: left;
+}
+.albums-found-container .album-item {
+  max-width: -moz-available;
+  max-width: -webkit-fill-available;
+  max-width: fill-available;
+}
+.tags-found-container .tag-item a,
+.albums-found-container .album-item a {
+  color: inherit;
+}
+
 .filter-manager-popin .filter-manager-controller-container {
   display: flex;
   flex-direction: row;