improving responsivity

Author: mirekys

appinfo/info.xml

@@ -5,7 +5,7 @@
 	<description>Custom theme for the ownCloud@CESNET server.</description>
 	<licence>AGPL</licence>
 	<author>Miroslav Bauer @ CESNET</author>
-	<version>2.0.0a16</version>
+	<version>2.0.0a17</version>
 	<types>
 		<theme/>
 	</types>

core/css/styles.css

@@ -129,3 +129,7 @@ button.primary:focus,
 .hero-title {
 	font-size: 6rem !important;
 }
+
+.layer {
+	left: 18rem !important;
+}

core/templates/login.php

@@ -12,7 +12,7 @@
 ]);
 ?>
 <!--[if IE 8]><style>input[type="checkbox"]{padding:0;}</style><![endif]-->
-<div class="columns">
+<div class="columns px-4">
     <div class="column">
         <!-- Hero content -->
         <h1 class="hero-title title has-text-weight-bold is-1 is-1-desktop-only is-2-tablet-only is-3-mobile-only has-text-left">
@@ -93,7 +93,7 @@
         </form>
     </div>
     <div class="column is-hidden-touch mr-6">
-        <div class="tile"
+        <div class="tile">
             <!-- Hero Cubes: https://codepen.io/jonambas/pen/OPqbzx-->
             <div class="layer bottom">
                 <div class="cube nw"></div>