diff --git a/src/components/landing-page/create-production.tsx b/src/components/landing-page/create-production.tsx
index 6e49ec8b..0ba41c3c 100644
--- a/src/components/landing-page/create-production.tsx
+++ b/src/components/landing-page/create-production.tsx
@@ -41,6 +41,10 @@ const ListItemWrapper = styled.div`
position: relative;
`;
+const ButtonWrapper = styled.div`
+ margin: 2rem 0 2rem 0;
+`;
+
const ProductionConfirmation = styled.div`
background: #91fa8c;
padding: 1rem;
@@ -171,18 +175,21 @@ export const CreateProduction = () => {
/>
))}
- append({ name: "" })}>
- Add Line
-
-
-
- Create Production
- {loading && }
-
+
+ append({ name: "" })}>
+ Add Line
+
+
+
+
+ Create Production
+ {loading && }
+
+
{createdProductionId !== null && (
The production ID is: {createdProductionId.toString()}
diff --git a/src/components/landing-page/join-production.tsx b/src/components/landing-page/join-production.tsx
index 77ac2ac1..32cd4364 100644
--- a/src/components/landing-page/join-production.tsx
+++ b/src/components/landing-page/join-production.tsx
@@ -28,6 +28,10 @@ const FetchErrorMessage = styled.div`
margin: 1rem 0;
`;
+const ButtonWrapper = styled.div`
+ margin: 2rem 0 2rem 0;
+`;
+
type TProps = {
preSelected?: {
preSelectedProductionId: string;
@@ -241,14 +245,15 @@ export const JoinProduction = ({ preSelected }: TProps) => {
)}
)}
-
-
- Join
-
+
+
+ Join
+
+
>
)}
diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
index fdb5b462..d395bfcd 100644
--- a/src/components/manage-productions/manage-productions.tsx
+++ b/src/components/manage-productions/manage-productions.tsx
@@ -41,7 +41,7 @@ const FetchErrorMessage = styled.div`
`;
const VerifyBtnWrapper = styled.div`
- padding: 1rem 0 0 2rem;
+ margin: 3rem 0 2rem 2rem;
`;
const VerifyButtons = styled.div`
@@ -56,6 +56,10 @@ const StyledBackBtnIcon = styled.div`
margin: 0 0 3rem 0;
`;
+const ButtonWrapper = styled.div`
+ margin: 2rem 0 2rem 0;
+`;
+
export const ManageProductions = () => {
const [showDeleteDoneMessage, setShowDeleteDoneMessage] =
useState(false);
@@ -154,14 +158,16 @@ export const ManageProductions = () => {
<>
Production name: {production.name}
{!verifyRemove && (
- setVerifyRemove(true)}
- >
- Remove
- {deleteLoader && }
-
+
+ setVerifyRemove(true)}
+ >
+ Remove
+ {deleteLoader && }
+
+
)}
{verifyRemove && (
diff --git a/src/components/production-line/production-line.tsx b/src/components/production-line/production-line.tsx
index bdadbb61..234919e1 100644
--- a/src/components/production-line/production-line.tsx
+++ b/src/components/production-line/production-line.tsx
@@ -58,6 +58,10 @@ const UserControlBtn = styled(PrimaryButton)`
text-align: left;
`;
+const LongPressWrapper = styled.div`
+ margin: 2rem 0 2rem 0;
+`;
+
export const ProductionLine: FC = () => {
const { productionId: paramProductionId, lineId: paramLineId } = useParams();
const [{ joinProductionOptions }, dispatch] = useGlobalState();
@@ -214,9 +218,11 @@ export const ProductionLine: FC = () => {
{isInputMuted ? "Muted" : "Unmuted"}
- setIsInputMuted(input)}
- />
+
+ setIsInputMuted(input)}
+ />
+
)}