tweak: minor aesthetic tweaks

src/web/questions/components/HistoryChart/InnerChart.tsx

@@ -31,13 +31,15 @@ const getVictoryGroup = ({
         name={`line-${i}`}
         style={{
           data: {
-            strokeOpacity: highlight ? 1 : 0.5,
+            // strokeOpacity: highlight ?  1 : 0.5,
+            strokeOpacity: 0.6,
+            strokeWidth: 3,
           },
         }}
       />
       <VictoryScatter
         name={`scatter-${i}`}
-        size={({ active }) => (active || highlight ? 3.75 : 3)}
+        size={({ active }) => (active || highlight ? 0 : 0)} //(active || highlight ? 3.75 : 3)}
       />
     </VictoryGroup>
   );
@@ -56,9 +58,9 @@ export const InnerChart: React.FC<Props> = ({
     maxProbability < 0.5 ? Math.round(10 * (maxProbability + 0.05)) / 10 : 1;
   const padding = {
     top: 20,
-    bottom: 65,
-    left: 60,
-    right: 5,
+    bottom: 75,
+    left: 70,
+    right: 17,
   };
 
   return (
@@ -135,8 +137,8 @@ export const InnerChart: React.FC<Props> = ({
         }}
         tickLabelComponent={
           <VictoryLabel
-            dx={-38}
-            dy={-5}
+            dx={-40}
+            dy={0}
             angle={-30}
             style={{ fontSize: 15, fill: "#777" }}
           />

src/web/questions/pages/QuestionPage.tsx

@@ -58,17 +58,17 @@ const LargeQuestionCard: React.FC<{
         target="_blank"
       >
         {question.title}{" "}
-        <FaExternalLinkAlt className="text-gray-400 inline sm:text-3xl text-xl mb-1" />
       </a>
     </h1>
 
-    <div className="flex gap-2 mb-10">
+    <div className="flex gap-2 mb-3">
       <a
-        className="text-black no-underline bg-red-300 rounded p-1 px-2 text-xs hover:text-gray-600"
+        className="text-black no-underline border-2 rounded-lg border-gray-400 rounded p-1 px-2 text-2xs hover:text-gray-600"
         href={question.url}
         target="_blank"
       >
-        {question.platform.label}
+        {question.platform.label}{" "}
+        <FaExternalLinkAlt className="text-gray-400 inline sm:text-md text-md mb-1" />
       </a>
       <Stars num={question.qualityIndicators.stars} />
     </div>