label w harmonogramie i rozmiar kontenera z szczegółami dnia

firm/src/components/Harmonogram.js

@@ -214,6 +214,11 @@ const Harmonogram = () => {
   
 
   return (
+    <div className='p-10 ml-11'>
+      <div className="flex items-center justify-between py-6 px-8 bg-gradient-to-r from-blue-500 to-teal-500 rounded-xl shadow-md mb-6">
+        <h1 className="text-white text-4xl font-semibold">Harmonogram</h1>
+      </div>
+      
     <div className="container mx-auto px-4 py-6">
       <div className="flex justify-between items-center mb-6">
         <div className="text-lg font-semibold">
@@ -227,7 +232,6 @@ const Harmonogram = () => {
           {isWorking ? 'Zakończ pracę' : 'Rozpocznij pracę'}
         </button>
       </div>
-
       <div className="flex gap-6">
         <div className="w-2/3">
           <div className="flex justify-between items-center mb-4">
@@ -259,7 +263,7 @@ const Harmonogram = () => {
           </div>
         </div>
 
-        <div className="w-1/3 bg-gray-100 p-4 rounded-lg">
+        <div className="w-1/3 bg-gray-100 p-4 rounded-lg h-[350px]">
           {loading ? (
             <p className="text-center text-blue-500">Ładowanie danych...</p>
           ) : selectedDay ? (
@@ -299,7 +303,7 @@ const Harmonogram = () => {
             <p className="text-center text-gray-500">Wybierz dzień, aby zobaczyć szczegóły.</p>
           )}
         </div>
-
+      </div>
       </div>
     </div>
   );

firm/src/components/PanelAdministratora.js

@@ -105,7 +105,7 @@ const PanelAdministratora = () => {
   return (
     <div className='p-10 ml-11'>
       <div className='flex items-center justify-between py-6 px-8 bg-gradient-to-r from-blue-500 to-teal-500 rounded-xl shadow-md mb-6'>
-        <h1 className="text-white text-4xl font-semibold">Panel Administratora</h1>
+        <h1 className="text-white text-4xl font-semibold">Panel administratora</h1>
         <div className="mr-10 text-lg flex">
           <div className='px-5'>
             <button 
@@ -146,7 +146,7 @@ const PanelAdministratora = () => {
         <div className="flex justify-center items-start pt-10">
           <div className="bg-white p-8 rounded-xl shadow-lg w-full max-w-md">
             <div className="mb-6">
-              <h2 className="text-2xl font-semibold text-center mb-4">Pobierz Raport</h2>
+              <h2 className="text-2xl font-semibold text-center mb-4">Pobierz raport</h2>
 
               <div className="mb-4">
                 <label htmlFor="reportType" className="block text-lg font-medium text-gray-700 mb-2">Wybierz typ raportu:</label>
@@ -188,7 +188,7 @@ const PanelAdministratora = () => {
                 onClick={downloadReport} 
                 className="w-full bg-blue-500 text-white py-3 px-4 rounded-lg mt-4 hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
               >
-                Pobierz Raport
+                Pobierz raport
               </button>
             </div>
           </div>
@@ -228,7 +228,7 @@ const PanelAdministratora = () => {
         <div className="flex justify-center items-start pt-10">
           <div className="bg-white p-8 rounded-xl shadow-lg w-full max-w-md">
             <div className="mb-6">
-              <h2 className="text-2xl font-semibold text-center mb-4">Dodaj Absencję</h2>
+              <h2 className="text-2xl font-semibold text-center mb-4">Dodaj absencję</h2>
 
               <div className="mb-4">
                 <label htmlFor="email" className="block text-lg font-medium text-gray-700 mb-2">Wybierz email:</label>
@@ -285,7 +285,7 @@ const PanelAdministratora = () => {
                 onClick={addAbsence} 
                 className="w-full bg-blue-500 text-white py-3 px-4 rounded-lg mt-4 hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
               >
-                Dodaj Absencję
+                Dodaj absencję
               </button>
             </div>
           </div>

firm/src/components/WidokHarmonogramu.js

@@ -172,7 +172,7 @@ const WidokHarmonogramu = ({ workdays }) => {
           </div>
         </div>
 
-        <div className="w-1/3 bg-gray-100 p-4 rounded-lg">
+        <div className="w-1/3 bg-gray-100 p-4 rounded-lg h-[350px]">
           {loading ? (
             <p className="text-center text-blue-500">Ładowanie danych...</p>
           ) : selectedDay ? (