Make the new widget smaller so there is more space for plot titles

Author: ignis-sec

src/Legend.tsx

@@ -136,8 +136,8 @@ export function Legend({
         )}
       </div>
       <div className="actions">
-        <label className="interpolate">
-          <span>Number of Datapoints</span>
+        <label className="datapoints">
+          <span>Datapoints</span>
           <Select
             className="singleselect datapointscount"
             classNamePrefix="select"

src/index.scss

@@ -223,6 +223,16 @@ body {
         }
       }
 
+      .datapoints {
+        display: flex;
+        align-items: center;
+  
+        span {
+          margin-right: 10px;
+          font-size: 14px;
+        }
+      }
+
       .pause-button {
         width: 75px;
         text-align: center;
@@ -339,6 +349,10 @@ body {
   }
 }
 
+.datapointscount{
+  min-width:50px;
+}
+
 
 input:focus,
 select:focus,