Ante S avatar Ante S committed d6ab541

Layout fixes for a small browser size, iOS layout safari fix

Comments (0)

Files changed (3)

pypysite/static/css/style.css

 
 header {
   height: 300px;
+  min-width: 988px;
   background-color: #f9f9f9;
 }
 
 .download {
   position: absolute;
   top: 255px;
-  left: 50%;
   height: 45px;
-  margin: 0 0 0 -326px;
   padding: 0;
   overflow: hidden;
 }
 /* mouth */
 
 .mouth {
+  min-width: 988px;
   overflow: hidden;
 }
 
 
 /* media queries */
 
-@media only screen and (min-width: 480px) {
-
+@media only screen and (max-width: 480px) {
 
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (max-width: 768px) {
 
 }
 

pypysite/templates/index.html

 {% from "macros/twitter.html" import tweet_box %}
 
 
-{% block feature %}
+{% block download %}
   <ul class="download">
       <li class="default">
         <a href="{{ url_for('download') }}">Download PyPy {{ pypy_version }} <span class="size"></span></a>
       </li>
     {% endfor %}
   </ul>
+{% endblock %}
 
+
+{% block feature %}
   {{ mouth("instructions", "Installation Instructions", "content/index/instructions.html", active_page) }}
 {% endblock %}
 

pypysite/templates/layout.html

         {% block heading -%}
           <h1>PyPy is a <a href="http://speed.pypy.org/" class="external">fast</a>, <a href="/compatibility/">compliant</a> alternative implementation of the <a href="http://python.org" class="external">Python</a> language. It has several <a href="#performance">advantages</a> and <a href="#introduction">distinct features</a>.</h1>
         {%- endblock %}
+
+        {% block download %}{% endblock %}
       </div><!-- .full-column -->
 
       {% block donate -%}
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.