some css fix

1 files changed, 10 insertions, 10 deletions

diff --git a/en/doc/index.php b/en/doc/index.php
index 8207a5bb8..81d58d620 100644
--- a/en/doc/index.php
+++ b/en/doc/index.php
@@ -19,11 +19,11 @@ require 'doc.php';
     <link rel="stylesheet" type="text/css" href="/g/style/common_footer.css">
     <?php include '../../analytics.php'; ?>
     <style> 
-    #flex-container {
+    .flex-container {
         display: flex;
         flex-wrap:wrap;
     }
-    #flex-item {
+    .flex-item {
         flex: 1 150px;
         margin: 1em; width: 24em;
     }
@@ -31,11 +31,11 @@ require 'doc.php';
         color: #aaa;
         font-size: 100%;
     }
-    @media (max-width: 750px) {
+    @media (max-width: 768px) {
         #doc6 { width:100%; }
         tbody { display: none; }
     }
-    @media (min-width: 750px) {
+    @media (min-width: 768px) {
         tbody { display: none; }
     }
     </style>
@@ -55,14 +55,14 @@ require 'doc.php';
                     <?php _g('Documentation built using the <a href="%s">Calenco tool from NeoDoc</a>.', 'http://www.neodoc.biz/', 'p')?>
                     <hr>
                     <h3>Mageia 5</h3>
-                    <div id="flex-container">
-                    <div id="flex-item">
+                    <div class="flex-container">
+                    <div class="flex-item">
                         <?php doc_list(_r('Installer'), 'installer', 5); ?>
                     </div>
-                    <div id="flex-item">
+                    <div class="flex-item">
                         <?php doc_list(_r('Control Center'), 'control_center', 5); ?>
                     </div>
-                    <div id="flex-item">
+                    <div class="flex-item">
                         <?php doc_list(_r('Installation from LIVE medium'), 'draklive', 5); ?>
                     </div>
                     </div><!--flex-container-->
@@ -74,10 +74,10 @@ require 'doc.php';
 <script type="text/javascript">
 function toggle_visibility(id) {
     var e = document.getElementById(id);
-    if(e.style.display == 'block')
+    if(e.style.display == 'table-row-group')
         e.style.display = 'none';
     else
-        e.style.display = 'block';
+        e.style.display = 'table-row-group';
 }
 </script>
 </body>