From a4c94f55fdff4c06d1ad841a5d47742ffa953de8 Mon Sep 17 00:00:00 2001
From: Marco van Dijk <marco@stronk.rocks>
Date: Sun, 13 Mar 2022 17:50:55 +0100
Subject: [PATCH] Tickets look nice now

---
 src/actions/livepeer.js        | 5 +++--
 src/components/TicketViewer.js | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/actions/livepeer.js b/src/actions/livepeer.js
index a96e5dc..d689bf3 100644
--- a/src/actions/livepeer.js
+++ b/src/actions/livepeer.js
@@ -180,7 +180,7 @@ export const getEvents = () => async dispatch => {
               eventDescription =
                 <Ticket icon={"⌛"} subtext={subtext} descriptions={descriptions} />
             } else {
-              const subtext = "moved stake to a new orchestrator";
+              const subtext = "moved stake";
               const descriptions = [
                 tmpAmount.toFixed(2) + " LPT"
               ]
@@ -315,8 +315,9 @@ export const getEvents = () => async dispatch => {
           if (amount1 < thresholdStaking && amount2 < thresholdFees) {
             continue;
           }
-          const subtext = "delegator claimed " + (eventObj.data.endRound - eventObj.data.startRound + 1) + " rounds of rewards";
+          const subtext = "delegator claimed rewards";
           const descriptions = [
+            "of " + (eventObj.data.endRound - eventObj.data.startRound + 1) + " rounds",
             "+" + amount1.toFixed(2) + " LPT rewards",
             "+" + amount2.toFixed(4) + " Eth fees"
           ]
diff --git a/src/components/TicketViewer.js b/src/components/TicketViewer.js
index 020879e..2473fdf 100644
--- a/src/components/TicketViewer.js
+++ b/src/components/TicketViewer.js
@@ -3,7 +3,7 @@ import React from "react";
 const Ticket = (obj) => {
   return (
     <div className="flexContainer" style={{ justifyContent: 'space-between', alignItems: "stretch", width: "100%" }}>
-      <div className="strokeSmoll">
+      <div className="strokeSmoll" style={{flex: 1}}>
         <div className="row">
           <h3 style={{ margin: 0, padding: 0 }}>{obj.icon}</h3>
         </div>
@@ -14,7 +14,7 @@ const Ticket = (obj) => {
         </div>
       </div>
       <div className="verticalSeparator"></div>
-      <div className="flexContainer">
+      <div className="stroke" style={{ margin: 0, padding : 0, flex: 2 }}>
         {obj.descriptions.map(function (thisTextItem, i) {
           return (
             <p style={{ fontSize: 'small' }}>