From 2a42c98b1a60af5585fc8bd1868c3524a338cc71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=BDubom=C3=ADr=20Ku=C4=8Dera?=
 <lubomir.kucera.jr@gmail.com>
Date: Wed, 16 Aug 2023 18:43:21 +0200
Subject: [PATCH] Invert CSS logic

---
 .../services-tabs/ServicesTabs.module.css     | 41 ++++++++-----------
 1 file changed, 17 insertions(+), 24 deletions(-)

diff --git a/src/components/home-page/services-tabs/ServicesTabs.module.css b/src/components/home-page/services-tabs/ServicesTabs.module.css
index 8b9160f..a91f5d8 100644
--- a/src/components/home-page/services-tabs/ServicesTabs.module.css
+++ b/src/components/home-page/services-tabs/ServicesTabs.module.css
@@ -1,25 +1,19 @@
 .root {
   display: flex;
-  flex-direction: column;
   max-width: 980px;
   margin: 24px auto;
   padding: 24px 0;
 }
 
 .list {
+  margin: 36px 0;
   display: flex;
-  flex-direction: row;
-  width: 100%;
-}
-
-.trigger {
-  flex: 1;
-  padding-bottom: 13px;
-  padding-top: 13px;
+  flex-direction: column;
+  flex: 0 0 auto;
 }
 
 .icon {
-  display: initial;
+  display: none;
 }
 
 .icon svg {
@@ -33,41 +27,40 @@
   fill: currentColor;
 }
 
-.label {
-  display: none;
+.content {
+  width: 100%;
 }
 
 .content ul {
   line-height: 1.8;
 }
 
-@media screen and (min-width: 1025px) {
+@media screen and (max-width: 1024px) {
   .root {
-    flex-direction: row;
+    flex-direction: column;
   }
 
   .list {
-    flex: 0 0 auto;
-    flex-direction: column;
-    margin: 36px 0;
-    width: auto;
+    flex-direction: row;
+    margin: 0;
+    width: 100%;
   }
 
   .trigger {
-    flex: initial;
-    padding-bottom: 16px;
-    padding-top: 16px;
+    flex: 1;
+    padding-bottom: 13px;
+    padding-top: 13px;
   }
 
   .icon {
-    display: none;
+    display: unset;
   }
 
   .label {
-    display: initial;
+    display: none;
   }
 
   .content {
-    width: 100%;
+    width: auto;
   }
 }