chore: change animal page layout for mobile

taiga-family · Aug 29, 2024 · 874b33f · 874b33f
1 parent d871842
commit 874b33f
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.less b/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.less
@@ -2,15 +2,25 @@
     padding: 2rem;
 }
 
+.animal-info {
+    display: flex;
+    gap: 2rem;
+}
+
 .info {
     display: flex;
     align-items: center;
     gap: 2rem;
     text-align: center;
+    margin: 0 2rem;
 
     @media (max-width: 86.25rem) {
         justify-content: center;
     }
+
+    @media (max-width: 62.5rem) {
+        flex-wrap: wrap;
+    }
 }
 
 .tags {
@@ -31,6 +41,7 @@
     padding-top: 1.2rem;
     padding-bottom: 1.2rem;
     height: min-content;
+    max-width: 100%;
 }
 
 .about {