library alignment issues

boostorg · Oct 2, 2024 · d65834e · d65834e
1 parent 6eb7168
commit d65834e
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 12 deletions.
diff --git a/frontend/styles.css b/frontend/styles.css
@@ -89,7 +89,7 @@
  }
 
  select.dropdown {
- @apply py-1 mb-3 min-w-[8rem] text-sm bg-white rounded-md border border-gray-300 cursor-pointer dark:bg-black text-sky-600 dark:text-orange dark:border-slate;
+ @apply py-1 mb-3 h-[38px] min-w-[8rem] text-sm bg-white rounded-md border border-gray-300 cursor-pointer dark:bg-black text-sky-600 dark:text-orange dark:border-slate;
  }
 
  .errorlist {
@@ -112,7 +112,7 @@
  @apply mt-3 text-xl font-semibold;
  }
  #libraryReadMe p {
- @apply text-base pb-1 font-light;
+ @apply text-base pb-1 font-light inline-block;
  }
  #libraryReadMe ul {
  @apply list-disc list-inside pl-4;

diff --git a/static/css/boostbookV2.css b/static/css/boostbookV2.css
@@ -333,7 +333,7 @@ Spirit style navigation
  {
  position: absolute;
  top: 4rem;
- right: calc(((100% - 80rem) / 2));
+ right: calc(((100% - 77rem) / 2));
  text-align: right;
  margin: 0.75rem;
  max-width: 80rem;

diff --git a/templates/libraries/_library_list_item.html b/templates/libraries/_library_list_item.html
@@ -23,7 +23,7 @@ <h3 class="pb-2 text-xl md:text-2xl capitalize border-b border-gray-700">
  <div class="mb-3 pb-3">
  <p class="mb-3 text-gray-700 dark:text-gray-300">{{ library.description }}</p>
  </div>
- <div class="text-sm flex py-3 bottom-3 absolute w-full md:w-[90%]">
+ <div class="text-sm flex py-3 bottom-3 absolute w-full md:w-11/12">
  <div >
  <span class="flex justify-center py-0 px-2 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40 tabular-nums"
  title="C++ Version {% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}{{ library.cpp_standard_minimum }}{% else %}03{% endif %} or Later">
@@ -32,7 +32,7 @@ <h3 class="pb-2 text-xl md:text-2xl capitalize border-b border-gray-700">
  </span>
  </div>
 {#<div class="w-1/6 tracking-wider text-charcoal dark:text-white/60">{% if library.first_boost_version %}{{ library.first_boost_version.release_date|years_since }} yrs{% endif %}</div>#}
- <div class="w-5/6 text-right font-bold capitalize text-sky-600 dark:text-sky-300">
+ <div class="w-5/6 text-right mr-2 font-bold capitalize text-sky-600 dark:text-sky-300">
  {% for c in library.categories.all %}
  <a href="{% url 'libraries' %}?category={{ c.slug }}{% if version_str != LATEST_RELEASE_URL_PATH_STR %}&version={{ version.slug }}{% endif %}" class="hover:text-orange">{{ c.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
  </div>

diff --git a/templates/libraries/category_list.html b/templates/libraries/category_list.html
@@ -8,7 +8,7 @@
 
 {% block content %}
 <main class="content">
- <div class="py-1 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
+ <div class="py-0 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
  {% comment %}
  <div class="flex-auto mb-2 w-full md:block md:w-auto md:mb-0">
  <div>

diff --git a/templates/libraries/detail.html b/templates/libraries/detail.html
@@ -8,12 +8,12 @@
 
 {% block content %}
  <main class="content">
- <div class="pt-3 md:py-4 px-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center"
+ <div class="pt-3 md:pt-4 md:pb-1 px-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center"
  x-data="{'showSearch': false}"
  x-on:keydown.escape="showSearch=false">
  <div class="flex-auto mb-2 w-full">
  <div id="overview">
- <span class="mx-3 text-xl md:text-3xl lg:text-4xl text-orange">{{ object.display_name }}</span>
+ <span class="mx-3 text-xl md:text-3xl text-orange">{{ object.display_name }}</span>
 
  </div>
  </div>
@@ -24,7 +24,7 @@
  <label for="id_version" hidden="true">Versions:</label>
  <select onchange="this.form.submit()"
  name="version"
- class="dropdown"
+ class="dropdown pb-0"
  id="id_version">
  <option value="latest" {% if version_str == LATEST_RELEASE_URL_PATH_NAME %}selected="selected"{% endif %}>Latest</option>
  {% for v in versions %}

diff --git a/templates/libraries/flat_list.html b/templates/libraries/flat_list.html
@@ -8,7 +8,7 @@
 
 {% block content %}
 <main class="content">
- <div class="py-1 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
+ <div class="py-0 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
  {% comment %}
  <div class="flex-auto mb-2 w-full md:block md:w-auto md:mb-0">
  <div>

diff --git a/templates/libraries/includes/library_preferences.html b/templates/libraries/includes/library_preferences.html
@@ -1,5 +1,5 @@
 {% with request.resolver_match.view_name as view_name %}
- <div class="pt-2 px-0 mb-2 text-right md:mb-2 mx-3 md:mx-0">
+ <div class="pt-3 px-0 mb-2 text-right md:mb-2 mx-3 md:mx-0">
  <form action="{{request.path}}" method="get">
  <div class="flex relative space-x-3 justify-start">
  {# Search #}

diff --git a/templates/libraries/list.html b/templates/libraries/list.html
@@ -8,7 +8,7 @@
 {% block content %}
 <main class="content">
  {% if library_list %}
- <div class="py-1 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
+ <div class="py-0 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
  {% comment %}
  <div class="flex-auto mb-2 w-full md:block md:w-auto md:mb-0">
  <div>