move styles and js to the root directory

styles/sections/_login.scss

@@ -0,0 +1,3 @@
+.login-area {
+ text-align: center;
+}

styles/sections/_member_edit.scss

@@ -0,0 +1,41 @@
+.member-card {
+  @include grid-row;
+  padding: $gap*2;
+  justify-content: space-between;
+
+  dl {
+    margin: 0;
+
+    > div {
+      margin-bottom: $gap;
+    }
+  }
+
+  dt {
+    font-weight: normal;
+    color: $color-gray;
+  }
+
+  dd {
+    display: inline;
+  }
+
+  .member-card__header {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .member-card__heading {
+    margin: 0;
+    @include h2;
+  }
+
+  .member-card__details {
+   text-align: right;
+
+   .icon-link {
+    margin: 0 -$gap;
+   }
+ }
+}

styles/sections/_project_edit.scss

@@ -0,0 +1,19 @@
+.project-edit__env-list-item {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+
+  .usa-input {
+    margin: 0 ($gap * 4) 0 0;
+    flex-grow: 1;
+  }
+
+  .project-edit__env-list-item__remover {
+    @include icon-link;
+    @include icon-link-vertical;
+    @include icon-link-color($color-red, $color-red-lightest);
+
+    margin-bottom: -$gap;
+    margin-right: -$gap;
+  }
+}

styles/sections/_projects_list.scss

@@ -0,0 +1,22 @@
+.project-list-item {
+  .project-list-item__environment {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    .project-list-item__environment__link {
+      @include icon-link;
+      @include icon-link-large;
+    }
+
+    .project-list-item__environment__members {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+
+      span {
+        @include h6;
+      }
+    }
+  }
+}

styles/sections/_request_approval.scss

@@ -0,0 +1,97 @@
+.request-approval {
+  .request-approval__heading {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .request-approval__info-columns {
+    flex-wrap: wrap;
+
+    .col {
+      flex-basis: 100%;
+
+      @include media($medium-screen) {
+        flex-basis: 50%;
+
+        &:first-child {
+          padding-right: $gap * 2;
+        }
+        &:last-child {
+          padding-left: $gap * 2;
+        }
+      }
+    }
+  }
+
+  .request-approval__columns__heading {
+    &:first-child {
+      @include media($medium-screen) {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .approval-log {
+    ol {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+
+      li {
+        padding: $gap * 2;
+        border-top: 1px dashed $color-gray-light;
+
+        &:first-child {
+          border-top-style: solid;
+        }
+
+        @include media($medium-screen) {
+          padding: $gap * 4;
+        }
+      }
+    }
+    .approval-log__log-item {
+      display: flex;
+      flex-direction: column-reverse;
+      justify-content: flex-end;
+
+      @include media($medium-screen) {
+        flex-direction: row-reverse;
+      }
+
+      .approval-log__log-item__header {
+        @include h4;
+        margin: 0 0 $gap 0;
+      }
+
+      .approval-log__log-item__timestamp {
+        @include h5;
+        margin-right: $gap * 2;
+        color: $color-gray;
+        flex-grow: 0;
+
+        @include media($large-screen) {
+          margin-right: $gap * 4;
+        }
+      }
+
+      .approval-log__behalfs {
+        display: flex;
+        flex-direction: row;
+
+        .approval-log__behalf {
+          margin-right: $gap * 2;
+
+          @include media($medium-screen) {
+            margin-right: $gap * 4;
+          }
+
+          span {
+            display: block;
+          }
+        }
+      }
+    }
+  }
+}