práce na stránce organizátorů

mamweb/static/css/mamweb.css

@@ -552,9 +552,9 @@ ul.submenu {
 
 /*stránka organizátorů*/
 
-/*todo pro mobily*/
-
-
+div.seznam_orgu {
+	text-align: center;
+}
 
 div.org_pole {
 	display: inline-block;
@@ -566,6 +566,12 @@ div.org_pole {
 div.seznam_orgu h3 {
 	text-align: center;
 	margin-top: 10px;
+	margin-bottom: 0px;
+}
+
+div.org_email {
+	margin-bottom: 10px;
+	font-weight: bold;
 }
 
 /*otáčecí karty organizátorů*/
@@ -583,7 +589,6 @@ div.seznam_orgu h3 {
  position: relative;
  width: 100%;
  height: 100%;
- text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
 }
@@ -607,14 +612,22 @@ div.seznam_orgu h3 {
  background-color: #bbb;
 }
 
+div.foto_org img {
+	width: 100%;
+	height: 100%;
+}
+
 /* Style the back side */
 .flip-card-back {
- background-color: #e84e10;
- color: #fffbf6;
+ /*background-color: #e84e10;
+ color: #fffbf6;*/
+ background-color: #f9d59e;
+ color: black;/**/
  transform: rotateY(180deg);
+ padding: 10px;
+ padding-top: 20px;
 }
 
-
 /* galerie */
 
 /* velká fotka */

seminar/templates/seminar/cojemam/organizatori.html

@@ -36,10 +36,12 @@
     {{org.osoba.prijmeni}}
     </h3>
 
+    <div class="org_email">
       {% if org.osoba.email %}
         {# zobrazeni e-mailu (na jednom radku, aby nevznikaly mezery navic) #}
         {% for znak in org.osoba.email %}{% if znak == '@' %}&#60;at&#62;{% else %}{{znak}}{% endif %}{% endfor %}
       {% endif %}
+    </div>
 
     {# karta organizátora - zepředu fotka, zezadu popis, u neaktivních data kdy organizovali #}
 
@@ -59,6 +61,7 @@
     </div>
      <div class="flip-card-back">
 
+    <div class="popis_orga">
     {% if aktivni %}
             {% if org.strucny_popis_organizatora %}
                   {{org.strucny_popis_organizatora}}
@@ -69,6 +72,7 @@
     {% else %}
             Aktivní {{org.organizuje_od.year | default:"?" }}&ndash;{{org.organizuje_do.year | default:"?" }}
     {% endif %}
+    </div>
 
     </div>
     </div>