Minor css fix.
authorRadek Czajka <rczajka@rczajka.pl>
Thu, 28 Nov 2019 23:35:14 +0000 (00:35 +0100)
committerRadek Czajka <rczajka@rczajka.pl>
Thu, 28 Nov 2019 23:35:14 +0000 (00:35 +0100)
src/club/templates/club/membership_form.html

index ac4e4c1..def4539 100644 (file)
    .inna.active .button {display: none;}
 
    .ambassador {
    .inna.active .button {display: none;}
 
    .ambassador {
-       padding: 2em 145px 2em 2em;
+       padding: 2em;
        margin-bottom: 1em;
        border: 1px solid #ddd;
        position: relative;
    }
        margin-bottom: 1em;
        border: 1px solid #ddd;
        position: relative;
    }
+   .ambassador.with-photo {
+       padding-right: 145px;
+   }
    .ambassador img {
        border-radius: 100%;
        height: 100px;
        width: 100px;
        position: absolute;
    .ambassador img {
        border-radius: 100%;
        height: 100px;
        width: 100px;
        position: absolute;
-       top: 30px;
+       top: 35px;
        right: 30px;
    }
    .ambassador div {
        right: 30px;
    }
    .ambassador div {
 
       <div class="club-form-info">
         {% if ambassador %}
 
       <div class="club-form-info">
         {% if ambassador %}
-          <div class="ambassador">
+       <div class="ambassador {% if ambassador.photo %}with-photo{% endif %}">
             <div>
               <em>
                 {{ ambassador.text }}
             <div>
               <em>
                 {{ ambassador.text }}