Fix a few padding classes

Author: matthiask

Diff for: planning/index.js

@@ -191,7 +191,7 @@ function TotalByWeek({ by_week, title }) {
         row={row}
         column={1}
         colspan={`span ${FIRST_DATA_COLUMN - 1}`}
-        className="planning--scale text-end pr-2"
+        className="planning--scale text-end pe-2"
       >
         <strong>{title}</strong>
       </Cell>
@@ -222,7 +222,7 @@ function Capacity({ total, by_user }) {
         row={row}
         column={1}
         colspan={`span ${FIRST_DATA_COLUMN - 1}`}
-        className="planning--scale text-end pr-2"
+        className="planning--scale text-end pe-2"
       >
         <strong>{gettext("Remaining capacity per week")}</strong>
       </Cell>
@@ -259,7 +259,7 @@ function UserCapacity({ user, capacity }) {
         row={row}
         column={1}
         colspan={`span ${FIRST_DATA_COLUMN - 1}`}
-        className="planning--scale text-end pr-2"
+        className="planning--scale text-end pe-2"
         tag="a"
         href={user.url}
       >
@@ -469,7 +469,7 @@ const Milestones = ({ project }) => {
         }}
         className="planning--milestones"
       />
-      <Cell row={row} column={1} className="planning--title is-milestone pl-3">
+      <Cell row={row} column={1} className="planning--title is-milestone ps-3">
         {gettext("milestones")}
       </Cell>
       {project.milestones.map((m, i) => {
@@ -488,7 +488,7 @@ const Milestones = ({ project }) => {
             <Cell
               row={row}
               column={1}
-              className={"planning--title is-pw planning--small pl-5"}
+              className={"planning--title is-pw planning--small ps-5"}
             >
               <a href={m.url} data-ajaxmodal>
                 {m.title}
@@ -555,7 +555,7 @@ function Offer({ offer, external_view, work_list }) {
   const ctx = useContext(RowContext)
   const row = ctx.next()
 
-  const classList = ["planning--title is-offer pl-3"]
+  const classList = ["planning--title is-offer ps-3"]
   if (offer.is_declined) classList.push("is-declined")
   if (!offer.is_accepted) classList.push("is-not-accepted")
 
@@ -583,7 +583,7 @@ function Offer({ offer, external_view, work_list }) {
           </Cell>
         </>
       ) : (
-        <Cell row={row} column={1} className="planning--title is-offer pl-3">
+        <Cell row={row} column={1} className="planning--title is-offer ps-3">
           {gettext("Not part of an offer")}
         </Cell>
       )}
@@ -624,7 +624,7 @@ function Work({ work, hours_per_week, absences, isEven }) {
         column={1}
         className={`planning--title is-pw ${
           work.is_provisional ? "is-provisional" : ""
-        } planning--small pl-5`}
+        } planning--small ps-5`}
       >
         <a href={work.url} data-ajaxmodal>
           {work.title}
@@ -726,7 +726,7 @@ const ExternalExpenses = ({ external_work }) => {
         }}
         className="planning--external"
       />
-      <Cell row={row} column={1} className="planning--title is-external pl-3">
+      <Cell row={row} column={1} className="planning--title is-external ps-3">
         {gettext("Efforts")}
       </Cell>
       {external_work.map((work, idx) => (
@@ -755,7 +755,7 @@ const ExternalWork = ({ idx, work }) => {
         column={1}
         className={`planning--title is-pw ${
           work.is_provisional ? "is-provisional" : ""
-        } planning--small pl-5`}
+        } planning--small ps-5`}
       >
         <a href={work.url} data-ajaxmodal>
           {work.title} ({work.provided_by})
@@ -846,7 +846,7 @@ function Absences({ absences }) {
 //       <Cell
 //         row={row}
 //         column={1}
-//         className="planning--small is-project-absence pl-3"
+//         className="planning--small is-project-absence ps-3"
 //       >
 //         {user[0].name}
 //       </Cell>
@@ -898,7 +898,7 @@ function UserAbsences({ user }) {
 
   return (
     <>
-      <Cell row={row} column={1} className="planning--title is-absence pl-3">
+      <Cell row={row} column={1} className="planning--title is-absence ps-3">
         {user[0]}
       </Cell>
       {user[1].map((absences, idx) => {

Diff for: timer/activity.js

@@ -132,7 +132,7 @@ export const Activity = connect((state, ownProps) => ({
           </div>
           <div className="d-flex align-items-center justify-content-between">
             <div
-              className="activity-duration pl-2"
+              className="activity-duration ps-2"
               onClick={() => {
                 overwriteSeconds(dispatch, { activity, current })
               }}
@@ -152,7 +152,7 @@ export const Activity = connect((state, ownProps) => ({
                 {icons.cog}
               </button>
               <button
-                className={`btn btn-sm ml-2 ${
+                className={`btn btn-sm ms-2 ${
                   activity.isActive ? "btn-warning" : "btn-light"
                 }`}
                 type="button"
@@ -167,7 +167,7 @@ export const Activity = connect((state, ownProps) => ({
                 {activity.isActive ? icons.pause : icons.play}
               </button>
               <button
-                className="btn btn-sm ml-2 btn-light"
+                className="btn btn-sm ms-2 btn-light"
                 disabled={!activity.project}
                 type="button"
                 onClick={() =>
@@ -181,7 +181,7 @@ export const Activity = connect((state, ownProps) => ({
                 {icons.pen}
               </button>
               <button
-                className={`btn btn-sm ml-2 ${
+                className={`btn btn-sm ms-2 ${
                   isReady ? "btn-success" : "btn-light"
                 }`}
                 disabled={!activity.project || !isReady}

Diff for: timer/activitySettings.js

@@ -44,7 +44,7 @@ export const ActivitySettings = ({
         {gettext("OK")}
       </button>
       <button
-        className="btn btn-sm btn-danger ms-auto mr-1"
+        className="btn btn-sm btn-danger ms-auto me-1"
         type="button"
         onClick={() => removeActivity()}
       >

Diff for: workbench/templates/awt/absence_calendar.html

@@ -10,7 +10,7 @@
   <div class="d-flex w-100 align-items-start justify-content-between">
     <h1 class="absences-title">{% translate 'Absence calendar' %}</h1>
     <form method="get"
-          class="d-flex flex-wrap form-search mb-3 ms-auto mr-3"
+          class="d-flex flex-wrap form-search mb-3 ms-auto me-3"
           data-autosubmit>
       {% if form.changed_data %}
         <a class="btn btn-info"

Diff for: workbench/templates/generic/object_list.html

@@ -82,7 +82,7 @@ <h5 class="mb-1">{{ object|h }}</h5>
                 <span class="page-link">&raquo;</span>
               </li>
             {% endif %}
-            <li class="pl-3">
+            <li class="ps-3">
               {{ page_obj.start_index }} &ndash; {{ page_obj.end_index }} {% translate 'of' %} {{ page_obj.paginator.count }}
             </li>
           </ul>