Remove margin/padding from .no-border

Change markup to move cover and translation links closer together.
michallipka · Mar 22, 2020 · ab074d5 · ab074d5
1 parent dcf76e8
commit ab074d5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/docs/css/slideshow-style.css b/docs/css/slideshow-style.css
@@ -70,13 +70,15 @@ ul.inline li
 
 .no-border
 {
+    margin: 0 !important;
+    padding: 0 !important;
     border: none !important;
     box-shadow: none !important;
 }
 
 .no-border-small
 {
-    margin: 0px 0px !important;
+    margin: 0 !important;
     border: none !important;
     box-shadow: none !important;
     max-height: 75% !important;

diff --git a/docs/index.html b/docs/index.html
@@ -26,18 +26,17 @@
 		<div class="reveal">
 			<div class="slides">
 				<section data-transition="fade">
-					<p>
-						<img class="no-border" data-src="images/cover.jpg"/>
-					</p>
+					<div class="gh-link">
+						<a href="https://github.com/wheredideveryonego/book" title="Link to project on github">project</a>
+					</div>
+					<img class="no-border" data-src="images/cover.jpg"/>
+					<br>
 					<ul class="inline small">
 						<li><b>english</b></li>
 						<li><a href="index_de.html">deutsch</a></li>
 						<li><a href="index_jp.html">日本語</a></li>
 						<li><a href="index_hi.html">हिंदी</a></li>
 					</ul>
-					<div class="gh-link">
-						<a href="https://github.com/wheredideveryonego/book" title="Link to project on github">project</a>
-					</div>
 				</section>
 				<section class="" data-transition="fade">
 					<div class="container">