Button to setFoward changed fga-eps-mds/2021.1-Oraculo#236

fga-eps-mds · Nov 16, 2021 · e95a0d8 · e95a0d8
1 parent 25123c5
commit e95a0d8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/src/Pages/ViewRecord/index.js b/src/Pages/ViewRecord/index.js
@@ -375,15 +375,15 @@ const ViewRecord = () => {
             <FaUserCircle />
             <p>{userName === "" ? "Policia Federal (mock)" : userName}</p>
           </div>
-          <span>Departamento:</span>
+          <button onClick={handleForward} className="forwardIcon">
+            <p>Encaminhar para</p>
+            <FaTelegramPlane />
+          </button>
 
           <DropDownButton
             onChangeOpt={(event) => setSector(event.target.value)}
           />
-          <div className="forwardIcon">
-            <p onClick={handleForward}>Encaminhar</p>
-            <FaTelegramPlane />
-          </div>
+
           <span>Tags:</span>
           <div className="tagsTest">
             <TagsList id={id} />

diff --git a/src/Pages/ViewRecord/style.js b/src/Pages/ViewRecord/style.js
@@ -42,18 +42,22 @@ const StyledDivInfoProcess = styled.div`
   }
 
   .forwardIcon {
+    align-items: end;
+    background: none;
+    border: none;
     display: flex;
-    align-items: center;
     justify-content: flex-end;
-    margin-top: 1rem;
     cursor: pointer;
     p {
       text-decoration: none;
       color: white;
-      font-size: ${fonts.sizeLg};
+      font-size: ${fonts.sizeXlg};
+      margin-bottom: 0;
     }
     svg {
-      margin: 0 1rem;
+      font-size: ${fonts.sizeXlg};
+      margin-left: 1rem;
+      color: white;
     }
   }