Cards font size

components/MapComponent.js

@@ -35,8 +35,8 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
   const [showVersionInfoModal, setShowVersionInfoModal] = useState(false);
   const zoomTrigger = useRecoilValue(zoomTriggerState);
   const offlineTileLayer = "/mapTiles/{z}/{x}/{y}.png";
-  const onlineTileLayer = "/mapTiles/{z}/{x}/{y}.png";
+  //const onlineTileLayer = "/mapTiles/{z}/{x}/{y}.png";
-  //const onlineTileLayer = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
+  const onlineTileLayer = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
   //const onlineTileLayer = "mapTiles/{z}/{x}/{y}.png";
   // Create map layers
   const TALAS = new L.layerGroup();
@@ -1691,12 +1691,13 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
       <div className="absolute bottom-3 left-3 w-72 p-4 bg-white rounded-lg shadow-md z-50">
         <div className="flex justify-between items-center">
           <div>
-            <span className="text-black text-lg font-semibold">   TALAS.Map </span>
+            <span className="text-black text-lg font-semibold">
-             
+              {" "}
-              <br />
+              TALAS.Map{" "}
-              <span className="text-black text-lg">
-              Version 1.0.0
             </span>
+
+            <br />
+            <span className="text-black text-lg">Version 1.0.0</span>
           </div>
           <div>
             <button onClick={openVersionInfoModal}>