schließen des modals funktioniert, button zum anzeigen des modals zentriert

resources/assets/less/metager/modals.less

@@ -2,13 +2,14 @@
 
 #show-create-focus:checked {
   & + #create-focus-modal {
+    position: fixed;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 
-#show-plugin-modal:checked {
+#plugin-modal-checkbox:checked {
   & + #plugin-modal {
     display: block;
   }

resources/assets/less/metager/start-page.less

@@ -70,6 +70,13 @@
         padding: 7px;
         font-weight: normal;
     }
+    #show-plugin-modal {
+        display: flex;
+        justify-content: center;
+        &>.open-plugin-modal {
+            margin: 5px;
+        }
+    }
 }
 
 #more-information {

resources/views/index.blade.php

@@ -8,8 +8,8 @@
 		<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a>
 	</h1>
 	@include('parts.searchbar', ['class' => 'startpage-searchbar'])
-	<div>
-	<label for="show-plugin-modal" role="button" class="btn btn-default" title="MetaGer zu Ihrem Browser hinzufügen"><i class="fa fa-plug" aria-hidden="true"></i> MetaGer-Plugin hinzufügen</a>
+	<div id="show-plugin-modal">
+		<label for="plugin-modal-checkbox" role="button" class="btn btn-default open-plugin-modal" title="MetaGer zu Ihrem Browser hinzufügen"><i class="fa fa-plug" aria-hidden="true"></i> MetaGer-Plugin hinzufügen</a>
 	</div>
 	<script type="text/javascript" src="{{ mix('js/scriptStartPage.js') }}"></script>
 	<script type="text/javascript" src="{{ mix('js/searchbar.js') }}"></script>

resources/views/modals/plugin-modal.blade.php

-<input type="checkbox" id="show-plugin-modal" class="hidden">
+<input type="checkbox" id="plugin-modal-checkbox" class="hidden">
 <div class="metager-modal" id="plugin-modal" tab-index="-1" role="dialog">
 		<div class="metager-modal-dialog ">
 			<div class="metager-modal-content">
 				<div class="metager-modal-header">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<label type="button" for="plugin-modal-checkbox" class="close">
 						<span aria-hidden="true">&times;</span>
-					</button>
+</label>
 					<h4>
 						@if ($browser === 'Firefox' || $browser === 'Mozilla')
 							{{ trans('index.plugin.head.1') }}