Fixed styling issues on Craft 3.4

bymayo · Jun 12, 2020 · fc43054 · fc43054
1 parent 428a7ae
commit fc43054
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 10 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Strava Sync Changelog
 
+## 1.0.13 - 2020-06-12
+### Fixed
+- Styling issues on Craft 3.4
+
 ## 1.0.12 - 2020-01-14
 ### Fixed
 - Error where authorization_code was expiring instantly. Strava must have changed some security settings with authorization_code and tokens.

diff --git a/composer.json b/composer.json
@@ -2,7 +2,7 @@
     "name": "bymayo/strava-sync",
     "description": "Connect to Strava with oAuth and sync activities etc to Craft CMS ",
     "type": "craft-plugin",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "keywords": [
         "craft",
         "cms",

diff --git a/src/assetbundles/stravasync/dist/css/StravaSync.css b/src/assetbundles/stravasync/dist/css/StravaSync.css
@@ -1,5 +1,5 @@
 .rounded {
-   	border-radius: .25rem;
+   border-radius: .25rem;
 }
 
 .font-medium {
@@ -25,3 +25,8 @@
 .bg-gray-300 {
    background-color: #e2e8f0;
 }
+
+#details .meta.follow-user-pane {
+   padding-top: 14px;
+   padding-bottom: 14px;
+}
diff --git a/src/templates/user-pane.twig b/src/templates/user-pane.twig
@@ -1,29 +1,29 @@
 {% if user.id == currentUser.id or currentUser.admin %}
 
-   <div class="meta">
+   <div class="meta follow-user-pane">
       <h2>Strava</h2>
       {% set stravaSyncUser = craft.stravaSync.connected(user.id) %}
       {% if stravaSyncUser %}
          <div class="data first">
-            <span class="heading">ID</span>
-            <span class="value">
+            <div class="heading">ID</div>
+            <div class="value">
                <a href="https://strava.com/athletes/{{ stravaSyncUser.athleteId }}" target="_blank">#{{ stravaSyncUser.athleteId }}</a>
-            </span>
+            </div>
          </div>
          <div class="data">
-            <span class="heading">Token Expiry</span>
-            <span class="value">{{ stravaSyncUser.expires|datetime('short') }}</span>
+            <div class="heading">Token Expiry</div>
+            <div class="value">{{ stravaSyncUser.expires|datetime('short') }}</div>
          </div>
          <div class="data">
-            <span class="heading">
+            <div class="heading">
                {% if user.id == currentUser.id %}
                   <a href="{{ craft.stravaSync.disconnectUrl() }}" class="btn small delete" title="Disconnect from Strava">Disconnect from Strava</a>
                {% elseif currentUser.admin %}
                   <a href="{{ craft.stravaSync.disconnectUrl() }}" class="btn small delete" title="Disconnect from Strava">Disconnect from Strava</a>
                {% else %}
                   <div class="btn small disabled">Disconnect from Strava</div>
                {% endif %}
-            </span>
+            </div>
          </div>
       {% else %}
          <div class="data">