From 03c4136bacdad530419cd29a67c9643f40db59ae Mon Sep 17 00:00:00 2001
From: dannyrb <danny.ri.brown@gmail.com>
Date: Wed, 27 May 2020 08:26:01 -0400
Subject: [PATCH] Note on how to clean up styling

---
 .../src/components/ViewportActionBar/ViewportActionBar.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/platform/ui/src/components/ViewportActionBar/ViewportActionBar.jsx b/platform/ui/src/components/ViewportActionBar/ViewportActionBar.jsx
index dfa146d9f..fcf5f4745 100644
--- a/platform/ui/src/components/ViewportActionBar/ViewportActionBar.jsx
+++ b/platform/ui/src/components/ViewportActionBar/ViewportActionBar.jsx
@@ -93,9 +93,12 @@ const ViewportActionBar = ({ studyData, onSeriesChange }) => {
             </span>
           </div>
           <div className="flex">
-            {/* This is tricky. Our "no-wrap" in truncate means this has a hard
+            {/* TODO:
+                This is tricky. Our "no-wrap" in truncate means this has a hard
                 length. The overflow forces ellipse. If we don't set max width
-                appropriately, this causes the ActionBar to overflow
+                appropriately, this causes the ActionBar to overflow.
+                Can clean up by setting percentage widths + calc on parent
+                containers
              */}
             <p className="text-base truncate max-w-40 text-primary-light">
               {seriesDescription}