extract open css file

css/main.css

@@ -18,6 +18,7 @@ limitations under the License.
 @import url('client.css');
 @import url('preview.css');
 @import url('create.css');
+@import url('open.css');
 
 :root {
 	--app-background: #f4f4f4;
@@ -156,22 +157,14 @@ button.text:hover {
     border-radius: 32px;
 }
 
-.primary.icon {
+.primary.icon, .secondary.icon {
     background-repeat: no-repeat;
     background-position: 12px center;
 }
 
-.icon.link {
-    background-image: url('../images/link.svg');
-}
-
-.icon.tick {
-    background-image: url('../images/tick.svg');
-}
-
-.icon.copy {
-    background-image: url('../images/copy.svg');
-}
+.icon.link { background-image: url('../images/link.svg'); }
+.icon.tick { background-image: url('../images/tick.svg'); }
+.icon.copy { background-image: url('../images/copy.svg'); }
 
 button.primary, input[type='submit'].primary, button.secondary, input[type='submit'].secondary {
     border: none;
@@ -194,44 +187,6 @@ input[type='text'].large {
     box-sizing: border-box;
 }
 
-.OpenLinkView .previewSource {
-    color: var(--grey);
-    font-size: 12px;
-}
-
-.ServerConsentView .actions {
-    margin-top: 24px;
-    display: flex;
-    align-items: center;
-}
-
-.ServerConsentView input[type=submit] {
-    flex: 1;
-    margin-left: 12px;
-}
-
-.ServerOptions div {
-    margin: 8px 0;
-}
-
-.ServerOptions label {
-    display: flex;
-    align-items: center;
-}
-
-.ServerOptions label > span,
-.ServerOptions label > .line {
-    margin-left: 8px;
-}
-
-.ServerOptions label > .line {
-    flex: 1;
-    border: none;
-    border-bottom: 1px solid var(--grey);
-    padding: 4px 0;
-}
-
-
 .LoadServerPolicyView {
     display: flex;
 }

css/open.css

@@ -0,0 +1,52 @@
+/*
+Copyright 2020 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.OpenLinkView .previewSource {
+    color: var(--grey);
+    font-size: 12px;
+}
+
+.ServerConsentView .actions {
+    margin-top: 24px;
+    display: flex;
+    align-items: center;
+}
+
+.ServerConsentView input[type=submit] {
+    flex: 1;
+    margin-left: 12px;
+}
+
+.ServerOptions div {
+    margin: 8px 0;
+}
+
+.ServerOptions label {
+    display: flex;
+    align-items: center;
+}
+
+.ServerOptions label > span,
+.ServerOptions label > .line {
+    margin-left: 8px;
+}
+
+.ServerOptions label > .line {
+    flex: 1;
+    border: none;
+    border-bottom: 1px solid var(--grey);
+    padding: 4px 0;
+}