F: Add xs size screen media query

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}

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

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: [],