fix: adjust styling of #141

Author: JulianTS

frontend/src/components/pages/cluster/ClusterView.tsx

@@ -53,11 +53,11 @@ const ClusterView: React.FC<ClusterViewProps> = ({ data }) => {
 				<div className="flex flex-col card-col">
 					<div className="flex card-info">
 						<p className="text-black">
-							Number of Tenants:{' '}
+							Number of Tenants:<br></br>
 							<span className="text-blue">{numberOfTenants}</span>
 						</p>
 						<p className="text-black">
-							Number of Namespaces:{' '}
+							Number of Namespaces:<br></br>
 							<span className="text-blue">{numberOfNamespces}</span>
 						</p>
 					</div>

frontend/src/components/pages/namespace/NamespaceView.tsx

@@ -59,7 +59,7 @@ const NamespaceView: React.FC<NamespaceViewProps> = ({ data }) => {
 							<span className="text-blue">{tenant ? tenant : 'N/A'}</span>
 						</p>
 						<p className="text-black">
-							Number of Topics:{' '}
+							Number of Topics:<br></br>
 							<span className="text-blue">{numberOfTopics}</span>
 						</p>
 					</div>

frontend/src/components/pages/tenant/TenantView.tsx

@@ -92,11 +92,11 @@ const TenantView: React.FC<TenantViewProps> = ({ data }) => {
 							</span>
 						</p>
 						<p className="text-black">
-							Number of Namespaces:{' '}
+							Number of Namespaces:<br></br>
 							<span className="text-blue">{numberOfNamespaces}</span>
 						</p>
 						<p className="text-black">
-							Number of Topics:{' '}
+							Number of Topics:<br></br>
 							<span className="text-blue">{numberOfTopics}</span>
 						</p>
 					</div>