CSS Fix due to the update of materialize

DEKHTIARJonathan · Sep 26, 2017 · a15cbe8 · a15cbe8
1 parent fa30dad
commit a15cbe8
Show file tree

Hide file tree

Showing 5 changed files with 107 additions and 118 deletions.
diff --git a/css/generic_style.css b/css/generic_style.css
@@ -0,0 +1,62 @@
+body {
+    left: calc(50% - 600px);
+    width: 1200px;
+    position: absolute;
+    background-color:transparent;
+    font-size: 12px;
+}
+
+main{
+    top: 0px;
+    left: 0px;
+    position: absolute;
+}
+
+.card {
+    padding: 2em;
+    flex: 1 0 auto;
+    background: white;
+    border-radius: 40px;
+    width: 1200px;
+    margin: 0px;
+}
+
+#btn-row{
+    padding-top: 15px;
+}
+
+#close-btn{
+    top:15px;
+    right:15px;
+    position: absolute;
+}
+
+#disconnect-btn{
+    top:15px;
+    right:65px;
+    margin-top: 2px;
+    position: absolute;
+}
+
+#subscribe-btn,
+#return_to_submit-btn{
+    top:15px;
+    right:270px;
+    margin-top: 2px;
+    position: absolute;
+}
+
+#admin_panel-btn{
+    top:15px;
+    left:65px;
+    margin-top: 2px;
+    position: absolute;
+}
+
+#my_feed-btn{
+    top:15px;
+    left:260px;
+    margin-top: 2px;
+    margin-left: 15px;
+    position: absolute;
+}
diff --git a/css/submit_article.css b/css/submit_article.css
@@ -0,0 +1,25 @@
+body {
+    top: calc(50% - 300px);
+    height: 600px;
+}
+
+.card {
+    height: 600px;
+}
+
+#switch-row{
+    margin: 0;
+}
+
+.materialize-tags .tt-menu {
+    font-size: 14px;
+}
+
+.m-b-md{
+    padding: 1em 0;
+}
+
+.materialize-tags .tt-input {
+    border-bottom: none;
+    box-shadow: none;
+}
diff --git a/css/subscribe_to_feed.css b/css/subscribe_to_feed.css
@@ -0,0 +1,12 @@
+body {
+    top: calc(50% - 250px);
+    height: 500px;
+}
+
+.card {
+    height: 500px;
+}
+
+#subscribe-form{
+    padding-top: 25px;
+}
diff --git a/templates/submit_article.html b/templates/submit_article.html
@@ -9,76 +9,10 @@
     <link rel="stylesheet" href="/plugins/css/materialize-tags.min.css">
     <link rel="stylesheet" href="/plugins/css/sweetalert2.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-    <style>
-        body {
-            left: calc(50% - 600px);
-            top: calc(50% - 300px);
-            width: 1200px;
-            height: 600px;
-            position: absolute;
-            background-color:transparent;
-            font-size: 12px;
-        }
-        main{
-            top: 0px;
-            left: 0px;
-            position: absolute;
-        }
-        .card {
-            padding: 2em;
-            flex: 1 0 auto;
-            background: white;
-            border-radius: 40px;
-            width: 1200px;
-            height: 600px;
-            margin: 0px;
-        }
-        .m-b-md{
-            padding: 1em 0;
-        }
-        .materialize-tags .tt-input {
-            border-bottom: none;
-            box-shadow: none;
-        }
-        #btn-row{
-            padding-top: 4em;
-        }
-        #switch-row{
-            margin: 0;
-        }
-        #close-btn{
-            top:15px;
-            right:15px;
-            position: absolute;
-        }
-        #subscribe-btn{
-            top:15px;
-            right:250px;
-            margin-top: 2px;
-            position: absolute;
-        }
-        #disconnect-btn{
-            top:15px;
-            right:65px;
-            margin-top: 2px;
-            position: absolute;
-        }
-        #my_feed-btn{
-            top:15px;
-            left:250px;
-            margin-top: 2px;
-            position: absolute;
-        }
-        #admin_panel-btn{
-            top:15px;
-            left:65px;
-            margin-top: 2px;
-            position: absolute;
-        }
-        .materialize-tags .tt-menu {
-            font-size: 14px;
-        }
-    </style>
+
+    <link rel="stylesheet" href="/css/generic_style.css">
+    <link rel="stylesheet" href="/css/submit_article.css">
+
 </head>
 
 <body>

diff --git a/templates/subscribe_to_feed.html b/templates/subscribe_to_feed.html
@@ -9,54 +9,10 @@
     <link rel="stylesheet" href="/plugins/css/materialize-tags.min.css">
     <link rel="stylesheet" href="/plugins/css/sweetalert2.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-    <style>
-        body {
-            left: calc(50% - 600px);
-            top: calc(50% - 250px);
-            width: 1200px;
-            height: 500px;
-            position: absolute;
-            background-color:transparent;
-            font-size: 12px;
-        }
-        main{
-            top: 0px;
-            left: 0px;
-            position: absolute;
-        }
-        .card {
-            padding: 2em;
-            flex: 1 0 auto;
-            background: white;
-            border-radius: 40px;
-            width: 1200px;
-            height: 500px;
-            margin: 0px;
-        }
-        #close-btn{
-            top:15px;
-            right:15px;
-            position: absolute;
-        }
-        #return_to_submit-btn{
-            top:15px;
-            right:250px;
-            margin-top: 2px;
-            position: absolute;
-        }
-        #disconnect-btn{
-            top:15px;
-            right:65px;
-            margin-top: 2px;
-            position: absolute;
-        }
-        #subscribe-form{
-            padding-top: 25px;
-        }
-        #btn-row{
-            padding-top: 15px;
-        }
-    </style>
+
+    <link rel="stylesheet" href="/css/generic_style.css">
+    <link rel="stylesheet" href="/css/subscribe_to_feed.css">
+
 </head>
 
 <body>