Merge pull request #267 from GovStackWorkingGroup/fix-rendering-requirements

Fix for rendering BB requirements

Author: mdulko-soldevelo

frontend/components/shared/TableCells.less

@@ -18,4 +18,8 @@
   color: @accents-and-btn;
   text-decoration: none;
   cursor: pointer;
+}
+
+.margin-left-auto {
+  margin-left: auto;
 }

frontend/components/shared/TableCells.tsx

@@ -47,13 +47,19 @@ const TableCells = ({ row, expanded = false }: TableCellProps) => {
             </div>
           </div>
           <div className='description-buttons'>
-            <div>
-              <Link href={cell.row.original.link} className='description-buttons' target="_blank" rel="noopener noreferrer">
-                {format('form.description.goToRequirement')}
-              </Link>
-            </div>
+            {cell.row.original.link &&
+              <div>
+                <Link href={cell.row.original.link} className='description-buttons' target="_blank"
+                  rel="noopener noreferrer">
+                  {format('form.description.goToRequirement')}
+                </Link>
+              </div>
+            }
             {isTruncatable && (
-              <div onClick={handleIsTextTruncated}>
+              <div
+                onClick={handleIsTextTruncated}
+                className={classNames({ 'margin-left-auto': !cell.row.original.link })}
+              >
                 {!isTextTruncated ? format('text.showMore') : format('text.showLess')}
               </div>
             )}