ui info sidebar 2

Author: hanshack

src/components/Pictogram/index.tsx

@@ -31,7 +31,7 @@ export const Pictogram: FC<PictogramType> = ({ data, consumptionType }) => {
         5-Personenhaushalten (
         {energyComparison[consumptionType].toLocaleString('de-DE')} kWh).
       </p>
-      {Array.apply(null, { length: 40 }).map((d, i) => (
+      {Array.apply(null, { length: 35 }).map((d, i) => (
         <>
           <span className="inline-block ">
             <House size={22} />

src/components/Sidebar/content/SidebarContentEntity/index.tsx

@@ -39,7 +39,7 @@ function Comparision({ consumptionType, rankingInfo, setEntityId }) {
       consumptionType === 'electricity' ? 'Stromverbrauch' : 'Wärmeverbrauch'
     } liegt im Ranking auf Platz ${rankingInfo.rankingPosition} von ${
       rankingInfo.rankingLength
-    }. `
+    }. Finde Grundstücke mit hören bzw. niederigern Verbrauch.`
   }
 
   return (
@@ -50,15 +50,15 @@ function Comparision({ consumptionType, rankingInfo, setEntityId }) {
       <span className="flex pt-4">
         <button
           className={classNames(
-            'disabled:opacity-50 text-xs py-2  bg-white/50 mr-1 rounded border hover:border-primary'
+            'disabled:opacity-50 text-xs py-2 flex-1 justify-center flex bg-white/50 mr-1 rounded border hover:border-primary'
           )}
           onClick={() => setEntityId(rankingInfo.idMore)}
           disabled={!rankingInfo.idMore}
         >
           <Plus />
         </button>
         <button
-          className="disabled:opacity-50 text-xs py-2  bg-white/50 ml-1 rounded border hover:border-primary"
+          className="disabled:opacity-50 text-xs py-2 flex-1 justify-center flex bg-white/50 ml-1 rounded border hover:border-primary"
           onClick={() => setEntityId(rankingInfo.idLess)}
           disabled={!rankingInfo.idLess}
         >
@@ -254,7 +254,7 @@ export const SidebarContentEntity: FC<SidebarContentEntityType> = ({
                           </span>
                         </p>
                         <p>
-                          Prio:{' '}
+                          Prio.:{' '}
                           <span className="font-bold">
                             {feat['housePrio']} von {pointDataLenght}
                           </span>