dialog sizing and loader svg

components/Benchmarks.js

@@ -102,7 +102,7 @@ export default function Benchmarks(props) {
         onClose={onCloseModal}
         center
       >
-        <div className="rounded-xl w-40 h-40 ">
+        <div className="rounded-xl">
           <div className="m-4">
             <h1 className="text-xl">
               {currentBenchmark ? "Edit" : "Add new"} benchmark

components/Ecosystem.js

@@ -114,7 +114,7 @@ export default function Ecosystem(props) {
         onClose={onCloseModal}
         center
       >
-        <div className="rounded-xl w-40 h-40 ">
+        <div className="rounded-xl">
           <div className="m-4">
             <h1 className="text-xl">{current ? "Edit" : "Add new"} project</h1>
             <div className="mt-4">
@@ -174,6 +174,7 @@ export default function Ecosystem(props) {
         </div>
       </Modal>
 
+
       {props.isLoggedIn && (
         <div className="flex justify-end mt-10 space-x-5">
           <button

components/Overview.js

@@ -115,8 +115,7 @@ export default function Overview(props) {
             </svg>
           </div>
           <div className="text-xs mt-4 text-[#737378]">
-            Community metrics include data related to adoption, user base,
-            social audience and outreach.
+            Community metrics can be useful in evaluating the growth trajectory of Waku. These metrics include data related to developer adoption, user base and other parts of Waku community.
           </div>
           <div className="flex space-x-3 mt-5">
             <span className="inline-flex items-center justify-center rounded-full bg-[#737378] px-2.5 py-0.5 text-[#000000]">
@@ -143,7 +142,7 @@ export default function Overview(props) {
             </svg>
           </div>
           <div className="text-xs mt-4 text-[#737378]">
-            Network metrics include data related to Waku node delivery and network
+            Network metrics include statistical and benchmark data related to Waku network. These metrics include data related to node volume, network capacity, scalability and performance.
           </div>
           <div className="flex space-x-3 mt-5">
             <span className="inline-flex items-center justify-center rounded-full bg-[#737378] px-2.5 py-0.5 text-[#000000]">
@@ -153,6 +152,8 @@ export default function Overview(props) {
         </div>
       </div>
 
+      <a target="_blank" href="https://docs.waku.org">
+
       <div
         id="docs"
         className="mt-10 border-[#202021] hover:border-white border-4 rounded-lg p-6"
@@ -175,6 +176,8 @@ export default function Overview(props) {
           </svg>
         </div>
       </div>
+              </a>
+      <a href="https://github.com/waku-org/metrics.waku.org/issues" target="_blank">
 
       <div
         id="propose-a-metric"
@@ -194,6 +197,7 @@ export default function Overview(props) {
           </svg>
         </div>
       </div>
+              </a>
     </div>
   );
 }

components/Timeline.js

@@ -86,7 +86,7 @@ export default function Timeline(props) {
         onClose={onCloseModal}
         center
       >
-        <div className="rounded-xl w-40 h-40 ">
+        <div className="rounded-xl">
           <div className="m-4">
             <h1 className="text-xl">Snapshot</h1>
             <div className="mt-4">
@@ -146,7 +146,7 @@ export default function Timeline(props) {
               </tr>
             </thead>
 
-            <tbody className="divide-y divide-gray-200 dark:divide-gray-700">
+            <tbody className="divide-y divide-gray-200 dark:divide-black">
               {props.saves.map((save, index) => (
                 <tr key={index}>
                   <td className="whitespace-nowrap px-4 py-2 text-gray-400">
@@ -163,7 +163,7 @@ export default function Timeline(props) {
                           index !== props.saves?.length - 1 ? index + 1 : null
                         );
                       }}
-                      className="inline-block rounded bg-black px-4 py-2 text-xs font-medium text-white hover:bg-indigo-700"
+                      className="inline-block rounded bg-black px-4 py-2 text-xs font-medium text-white hover:bg-white hover:text-black"
                     >
                       View snapshot
                     </button>