#60 add custom CSS for responsive 'send' buttons, and add respective btn-responsive class to the start.html send buttons
Merged 5 years ago by jonatoni. Opened 5 years ago by aviwadhwa.
fedora-commops/ aviwadhwa/fedora-happiness-packets small-buttons-small-display  into  master

file modified
+6
@@ -200,3 +200,9 @@ 

  .google:hover{

      background-color: #b72213;

  }

+ 

+ @media (max-width: 360px) {

+     .btn-responsive {

+         font-size: 15px;

+     }

+ }

@@ -20,7 +20,7 @@ 

      </p>

  

      <p class="text-center">

-         <a class="btn btn-primary btn-lg" href="{% url 'messaging:send' %}" role="button">Send some happiness now! <img class="emoji" src="static/images/emoji/loveletter.png" alt="💌" title="Love letter" aria-label="Emoji: Love letter"></a>

+         <a class="btn btn-primary btn-lg btn-responsive" href="{% url 'messaging:send' %}" role="button">Send some happiness now! <img class="emoji" src="static/images/emoji/loveletter.png" alt="💌" title="Love letter" aria-label="Emoji: Love letter"></a>

      </p>

  

      <h2>How does it work?</h2>
@@ -48,7 +48,7 @@ 

      {% include 'messaging/_message_list.html' %}

  

      <p class="text-center">

-         <a class="btn btn-primary btn-lg" href="{% url 'messaging:send' %}" role="button">Send some happiness now! <img class="emoji" src="static/images/emoji/loveletter.png" alt="💌" title="Love letter" aria-label="Emoji: Love letter"></a>

+         <a class="btn btn-primary btn-lg btn-responsive" href="{% url 'messaging:send' %}" role="button">Send some happiness now! <img class="emoji" src="static/images/emoji/loveletter.png" alt="💌" title="Love letter" aria-label="Emoji: Love letter"></a>

      </p>

  

  {% endblock content %}

For the Google Code In task, to make the send buttons responsive.

Hey @jonatoni could you check this one too please

Pull-Request has been merged by jonatoni

5 years ago