From ded808f6ec5abe8147e301d924434a413fc2cc6b Mon Sep 17 00:00:00 2001
From: Shiva Pouya <shiva.pouya@tugraz.at>
Date: Thu, 16 Jan 2025 15:13:13 +0100
Subject: [PATCH] file:  partially add responsive design for icon container in
 doc hit box

---
 src/baseObject.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/baseObject.js b/src/baseObject.js
index 4f029be..fc7a23b 100644
--- a/src/baseObject.js
+++ b/src/baseObject.js
@@ -41,11 +41,13 @@ export const getCommonStyles = () => css`
         border-bottom: 1px solid var(--dbp-override-content);
         margin-bottom: calc(7px + 1vh);
     }
+
     .text-container {
         display: flex;
         flex-direction: column;
         color:var(--dbp-override-content);
     }
+
     .icon-container {
         display: flex;
         align-items: right;
@@ -58,26 +60,36 @@ export const getCommonStyles = () => css`
         width: 50px;
         height: 50px;
     }
+
     .ais-doc-Hits-content {
         display: grid;
         grid-template-rows: repeat(3, 1fr);
         gap: 10px;
     }
+
     .hit-content-item1 {
         grid-row: 1 / 3;
         color:var(--dbp-override-content);
         font-weight: bold;
         font-size:24px;
     }
+
     .hit-content-item2 {
         grid-row: 2 / 3;
         color:var(--dbp-override-content);
     }
+
     .hit-content-item3 {
         grid-row: 3 / 4;
         padding-top: 30px;
         color:var(--dbp-override-content);
     }
+
+    @media (max-width: 1280px) and (min-width: 768px) {
+            .icon-container  {
+                background-position-x: right;
+            }
+        }
 `;
 export class BaseFormElement extends ScopedElementsMixin(DBPLitElement) {
     constructor() {