From 8f4c791a99aa7f093f16a20f7b378eab1d2d247f Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Sat, 3 Oct 2020 16:00:18 +0300
Subject: [PATCH] Added fieldset to Add params and Remove params to distinguish
 between them

---
 src/assets/locales/en/translation.json          |  4 +++-
 .../Proposal/Create/CreateProposal.scss         |  4 ++++
 .../PluginForms/PluginInitializeFields.tsx      | 17 +++++++++--------
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/assets/locales/en/translation.json b/src/assets/locales/en/translation.json
index 21d53cfc0..9c998655e 100644
--- a/src/assets/locales/en/translation.json
+++ b/src/assets/locales/en/translation.json
@@ -44,5 +44,7 @@
     "Reputation Minted": "Reputation Minted:",
     "Minimum DAO bounty": "Minimum DAO bounty:",
     "Amount": "Amount:",
-    "Amount Redeemed": "Amount Redeemed:"
+    "Amount Redeemed": "Amount Redeemed:",
+    "Add Params": "Add Params",
+    "Remove Params": "Remove Params"
 }
diff --git a/src/components/Proposal/Create/CreateProposal.scss b/src/components/Proposal/Create/CreateProposal.scss
index 50bd1d3a4..4f7545927 100644
--- a/src/components/Proposal/Create/CreateProposal.scss
+++ b/src/components/Proposal/Create/CreateProposal.scss
@@ -7,6 +7,10 @@
   display: none !important;
 }
 
+fieldset {
+  margin: 10px 0px;
+}
+
 .createProposalWrapper {
   border-radius: 15px 15px 0 0;
   background-color: $white;
diff --git a/src/components/Proposal/Create/PluginForms/PluginInitializeFields.tsx b/src/components/Proposal/Create/PluginForms/PluginInitializeFields.tsx
index 19a7d2b5b..95a04b256 100644
--- a/src/components/Proposal/Create/PluginForms/PluginInitializeFields.tsx
+++ b/src/components/Proposal/Create/PluginForms/PluginInitializeFields.tsx
@@ -9,6 +9,7 @@ import { IFormValues } from "./CreatePluginManagerProposal";
 import * as css from "../CreateProposal.scss";
 import { Form, ErrorMessage, Field } from "formik";
 import * as validators from "./Validators";
+import i18next from "i18next";
 
 interface IProps {
   pluginName: keyof typeof PLUGIN_NAMES | "";
@@ -149,14 +150,14 @@ const TokenTrade = () => (
 
 const SchemeRegistrarFields = () => (
   <div>
-    <title>
-      Add Plugin Vote Params
-    </title>
-    {GenesisProtocolFields("SchemeRegistrar.votingParamsRegister")}
-    <title>
-      Remove Plugin Vote Params
-    </title>
-    {GenesisProtocolFields("SchemeRegistrar.votingParamsRemove")}
+    <fieldset>
+      <legend>{i18next.t("Add Params")}</legend>
+      {GenesisProtocolFields("SchemeRegistrar.votingParamsRegister")}
+    </fieldset>
+    <fieldset>
+      <legend>{i18next.t("Remove Params")}</legend>
+      {GenesisProtocolFields("SchemeRegistrar.votingParamsRemove")}
+    </fieldset>
   </div>
 );