From 5edf08a5cbc188224f356f28dd8b60dae341273a Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Wed, 28 Aug 2024 23:40:55 +0300
Subject: [PATCH] F: Add xs size screen media query

---
 .../RSFormPage/EditorConstituenta/FormConstituenta.tsx      | 2 +-
 .../RSFormPage/EditorConstituenta/ToolbarConstituenta.tsx   | 4 ++--
 rsconcept/frontend/tailwind.config.js                       | 6 ++++++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/FormConstituenta.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/FormConstituenta.tsx
index f21e0baf..d75478c9 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/FormConstituenta.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/FormConstituenta.tsx
@@ -128,7 +128,7 @@ function FormConstituenta({
   }
 
   return (
-    <AnimateFade className='mx-0 md:mx-auto'>
+    <AnimateFade className='mx-0 md:mx-auto pt-[2rem] xs:pt-0'>
       {state ? (
         <ControlsOverlay
           disabled={disabled}
diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/ToolbarConstituenta.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/ToolbarConstituenta.tsx
index d430cac1..e460328f 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/ToolbarConstituenta.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/ToolbarConstituenta.tsx
@@ -50,8 +50,8 @@ function ToolbarConstituenta({
 
   return (
     <Overlay
-      position='top-1 right-1/2 translate-x-1/2 sm:right-4 sm:translate-x-0 md:right-1/2 md:translate-x-1/2'
-      className='cc-icons outline-none  transition-all duration-500'
+      position='top-1 right-1/2 translate-x-1/2 xs:right-4 xs:translate-x-0 md:right-1/2 md:translate-x-1/2'
+      className='cc-icons outline-none transition-all duration-500'
     >
       {controller.schema && controller.schema?.oss.length > 0 ? (
         <MiniSelectorOSS
diff --git a/rsconcept/frontend/tailwind.config.js b/rsconcept/frontend/tailwind.config.js
index b557e945..b8648026 100644
--- a/rsconcept/frontend/tailwind.config.js
+++ b/rsconcept/frontend/tailwind.config.js
@@ -1,4 +1,6 @@
 /** @type {import('tailwindcss').Config} */
+import defaultTheme from 'tailwindcss/defaultTheme';
+
 export default {
   darkMode: 'class',
   content: ['./src/**/*.{js,jsx,ts,tsx}'],
@@ -14,6 +16,10 @@ export default {
       modalControls: '70',
       modalTooltip: '90'
     },
+    screens: {
+      xs: '475px',
+      ...defaultTheme.screens
+    },
     extend: {}
   },
   plugins: [],