From df1ca0fdc4ddb3f7688648330badbcc68f7b67f8 Mon Sep 17 00:00:00 2001
From: Manuel Hiebel <leuhmanu@mageia.org>
Date: Wed, 8 Mar 2017 19:35:35 +0100
Subject: some css fix

---
 en/doc/doc.php   |  4 ++--
 en/doc/index.php | 20 ++++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/en/doc/doc.php b/en/doc/doc.php
index 44e4c0441..46d54ad2c 100644
--- a/en/doc/doc.php
+++ b/en/doc/doc.php
@@ -125,7 +125,7 @@ function doc_list($documentation_name, $type, $version)
     if ($your_language_present) {
         $text_your_language = '<span style="font-weight:bold">' . _r('Documentation in your language:') . '</span><br/>';
         if ($other_languages_present) {
-            $text_others = '<span style="font-weight:bold">' . _r('Other languages:') . '<a href="#table-'.$name.'" onclick="toggle_visibility(\'table-'.$name.'\');"> &#x2198; </a></span>';
+            $text_others = '<span style="font-weight:bold">' . _r('Other languages:') . '<a href="#flex-item" onclick="toggle_visibility(\'table-'.$name.'\');"> &#x2198; </a></span>';
         }
         $table .= sprintf("\t<caption>%s</caption>" . PHP_EOL .
                         "\t<thead><tr><th>%s</th></tr></thead>" . PHP_EOL .
@@ -144,7 +144,7 @@ function doc_list($documentation_name, $type, $version)
         }
         $text_your_language = _r('Please help <a href="../community/">us</a> translate it in your language.') . '<br/>';
         $table .= sprintf("\t<caption>%s<br/>" . PHP_EOL .
-                        "\t%s<span style=\"font-weight:bold\"><a href=\"#\" onclick=\"toggle_visibility('table-$name');\"> &#x2198; </a></span></caption>" . PHP_EOL . '%s' .
+                        "\t%s<span style=\"font-weight:bold\"><a href=\"#flex-item\" onclick=\"toggle_visibility('table-$name');\"> &#x2198; </a></span></caption>" . PHP_EOL . '%s' .
                         "\t<tbody id=table-%s>" . PHP_EOL ,
                         '<span style="font-weight:bold">' . $documentation_name . '</span>', $text_your_language, $language_present_before, $name);
     }
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>
-- 
cgit v1.2.1