From: Arun Persaud <arun@nubati.net>
Date: Sun, 20 Nov 2011 00:01:27 +0000 (-0800)
Subject: LAYOUT: fixed some css issues in the new layout
X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=e-DoKo.git;a=commitdiff_plain;h=09c105d8a343e0c58fe18075abaf3af9a6f80115

LAYOUT: fixed some css issues in the new layout

* totals were displayed too low
* personal notes were too low
* text for points for person on the bottom was on top of the div for the card instead of at the bottom
---

diff --git a/css/standard.css b/css/standard.css
index 2e8567f..e22dafc 100644
--- a/css/standard.css
+++ b/css/standard.css
@@ -127,14 +127,12 @@ footer .left  { float:left;         font-size:smaller;}
  position: absolute;
  background-color: #fff;
  width: 20%;
- top:19em;
- left:40%;
- right:40%;
+ top: 30%;
+ margin: auto;
  text-align: center;
  z-index:22;
 }
 .total {
-    top:11em;
     width: 14%;
     left: 43%;
 }
@@ -144,6 +142,7 @@ footer .left  { float:left;         font-size:smaller;}
  left: -12em;
  top:8em;
  background-color: #eee;
+ padding: 0.3em;
  z-index:15;
 }
 .total .contra {
@@ -151,6 +150,7 @@ footer .left  { float:left;         font-size:smaller;}
  right: -14em;
  top:8em;
  background-color: #eee;
+ padding: 0.3em;
  z-index:15;
 }
 
@@ -402,13 +402,13 @@ hr {clear:both;}
   left:47%;
   right:47%;
   height: 40%;
-  text-align:center;
   z-index:30;
 }
-.vorbehalt3{
+.tricks div div.card3 .score, .vorbehalt3{
   left:45%;
   right:45%;
   width:10%;
+  height: 3em;
   text-align:center;
 }
 .tricks div div.card3 span.comment{
@@ -482,15 +482,15 @@ span.comment{
 
 .notes {
   position:absolute;
-  top:27em;
+  top:3em;
   left:0;
   margin:1em;
   margin-top:0em;
-  margin-left:3em;
+  margin-left:2em;
 
   width: 12em;
 
-  border:    2px solid gray;
+  border:  2px solid gray;
 
   padding:0.3em;
 
diff --git a/include/output.php b/include/output.php
index 1d1a71f..f66a1d2 100644
--- a/include/output.php
+++ b/include/output.php
@@ -379,7 +379,7 @@ function output_header()
      <meta name="viewport" content="width=device-width; initial-scale=1.0;" />
      <link rel="shortcut icon" href="pics/edoko-favicon.png" />
      <link rel="stylesheet" href="css/normalize.css?v=1" />
-     <link rel="stylesheet" href="css/standard.css?v=38" />
+     <link rel="stylesheet" href="css/standard.css?v=39" />
      <link rel="stylesheet" href="css/dateinput.css?v=1"/>
      <script type="text/javascript" src="include/jquery.js"> </script>
      <script type="text/javascript" src="include/jquery.tablesorter.js"></script>