removed unused reset pw css code and moved copy and timer to suitable…

src/styles/_ResetPassword.scss

@@ -2,48 +2,10 @@
 
 /** Reset pw flow specific styles **/
 
-/* Move data-display code below to other file, e.g. Dashboard? */
-
-// top margin here assumes that text above has bottom margin of 1rem (same as inputs)
-.data-display-container {
-  margin-top: 1.25rem;
-  margin-bottom: 1.875rem;
-}
-
-// this height has been added to match inputs
-.data-display {
-  height: 3rem;
-  display: flex;
-  align-items: center;
-  padding: 0.25rem 0.5rem;
-
-  // this is in here to stop displayed data from jumping when transitioning from input to valid display
-  border: none;
-  border-right: solid 2px transparent;
-  border-top: solid 2px transparent;
-  border-bottom: solid 2px transparent;
-}
-
-#reset-pass-display {
-  white-space: pre-line;
-
-  .expires-meter {
-    align-self: center;
-  }
-}
-
 .description-without-security {
   margin-top: 1.5rem;
 }
 
-div.key-animation {
-  height: 150px;
-  background-image: url(../../img/computer_animation.gif);
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
 #reset-password-form {
   margin-top: 0;
 
@@ -52,114 +14,12 @@ div.key-animation {
   }
 }
 
-#new-password-form {
-  input[readonly] {
-    background-color: var(--contrast-color);
-  }
-}
-
-.timer {
-  margin-top: 0.5rem;
-
-  a {
-    margin-right: 0.5rem;
-  }
-
-  .display-none {
-    display: none;
-  }
-
-  // Replace with expires-meter as in resend email?
-  span#count-down-time-phone {
-    color: var(--txt-gray);
-    padding-left: 8px;
-  }
-
-  span#timer-in {
-    font-family: $akkurat;
-    color: var(--txt-gray);
-    font-size: $txt-md;
-  }
-}
-
-a#resend-phone:not(.button-active) {
-  pointer-events: none;
-  color: var(--txt-gray);
-}
-
-// Replace with single-input-form when accordion merged?
-#phone-code-form {
-  display: flex;
-  flex-direction: row;
-
-  #phone {
-    flex: 1;
-  }
-
-  #save-phone-button {
-    margin: 1rem 0 0 1rem;
-  }
-}
-
-.copybutton {
-  position: absolute;
-  width: auto !important;
-  right: 1rem;
-
-  svg {
-    color: var(--body-txt);
-  }
-
-  #icon-check {
-    display: none;
-  }
-
-  // Move to Notifications?
-  .tool-tip-text {
-    visibility: hidden;
-    width: 100px;
-    background-color: var(--body-txt);
-    color: var(--contrast-color);
-    font-size: $txt-sm;
-    font-family: $inter-regular;
-    border-radius: 4px;
-    padding: 6px;
-    position: absolute;
-    z-index: 5;
-    bottom: 85%;
-    left: 1rem;
-    margin-left: -75px;
-    opacity: 0;
-    transition: opacity 0.3s;
-    text-transform: none;
-    line-height: 1.2;
-  }
-
-  .tool-tip-text::after {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 2.6rem;
-    margin-left: 20px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: var(--body-txt) transparent transparent transparent;
-  }
-
-  &:hover .tool-tip-text {
-    visibility: visible;
-    opacity: 1;
-  }
-}
-
 @media (max-width: $bp-sm) {
-  #reset-password-form,
-  #phone-code-form {
+  #reset-password-form {
     flex-direction: column;
     align-items: unset;
 
-    & #reset-password-button,
-    #save-phone-button {
+    & #reset-password-button {
       width: 100%;
       margin-left: 0;
     }

src/styles/_buttons.scss

@@ -367,6 +367,56 @@ button.scroll-to-top {
   }
 }
 
+.copybutton {
+  position: absolute;
+  width: auto !important;
+  right: 1rem;
+
+  svg {
+    color: var(--body-txt);
+  }
+
+  #icon-check {
+    display: none;
+  }
+
+  .tool-tip-text {
+    visibility: hidden;
+    width: 100px;
+    background-color: var(--body-txt);
+    color: var(--contrast-color);
+    font-size: $txt-sm;
+    font-family: $inter-regular;
+    border-radius: 4px;
+    padding: 6px;
+    position: absolute;
+    z-index: 5;
+    bottom: 85%;
+    left: 1rem;
+    margin-left: -75px;
+    opacity: 0;
+    transition: opacity 0.3s;
+    text-transform: none;
+    line-height: 1.2;
+  }
+
+  .tool-tip-text::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 2.6rem;
+    margin-left: 20px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: var(--body-txt) transparent transparent transparent;
+  }
+
+  &:hover .tool-tip-text {
+    visibility: visible;
+    opacity: 1;
+  }
+}
+
 button.flex {
   display: flex;
   align-items: center;

src/styles/_timer.scss

@@ -19,5 +19,19 @@
   .timer {
     margin-top: 0;
     font-family: $akkurat;
+
+    a {
+      margin-right: 0.5rem;
+    }
+
+    .display-none {
+      display: none;
+    }
+
+    span#timer-in {
+      font-family: $akkurat;
+      color: var(--txt-gray);
+      font-size: $txt-md;
+    }
   }
 }