fix(app/insights): display issues for small screen [skip ci]

source/app/web/statics/insights/style.css

@@ -117,6 +117,9 @@
   }
 
 /* Activity */
+  .activity {
+    max-width: 90vw;
+  }
   .activity > ul {
     padding: 0;
     margin: 0;
@@ -317,6 +320,7 @@
   .reactions {
     display: flex;
     justify-content: center;
+    flex-wrap: wrap;
   }
 
   .reactions > div {
@@ -339,7 +343,7 @@
     flex-direction: column;
     width: 100%;
     margin: .5rem;
-    max-width: 416px;
+    max-width: 90vw;
     border-radius: .25rem;
     border: 1px solid var(--color-border-primary);
     padding: .5rem .5rem 0;
@@ -350,6 +354,9 @@
     align-items: center;
     margin-bottom: .5rem;
   }
+  .repository .field.infos {
+    flex-wrap: wrap;
+  }
   .repository svg {
     fill: currentColor;
   }
@@ -610,6 +617,9 @@
     .search {
       width: 520px;
     }
+    .repository {
+      max-width: 416px;
+    }
   }
 
 /* Loading bar */