Fix footer subtext alignment in modals (#3908)

packages/insomnia-app/app/ui/components/modals/code-prompt-modal.tsx

@@ -222,7 +222,7 @@ class CodePromptModal extends PureComponent<Props, State> {
               ))}
             </Dropdown>
           ) : null}
-          <div className="margin-left faint italic txt-sm tall">{hint ? `* ${hint}` : ''}</div>
+          <div className="margin-left faint italic txt-sm">{hint ? `* ${hint}` : ''}</div>
           <button className="btn" onClick={this.hide}>
             {submitName || 'Submit'}
           </button>

packages/insomnia-app/app/ui/components/modals/cookies-modal.tsx

@@ -194,7 +194,7 @@ class CookiesModal extends PureComponent<Props, State> {
           )}
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left faint italic txt-sm tall">
+          <div className="margin-left faint italic txt-sm">
             * cookies are automatically sent with relevant requests
           </div>
           <button className="btn" onClick={this.hide}>

packages/insomnia-app/app/ui/components/modals/generate-code-modal.tsx

@@ -209,7 +209,7 @@ class GenerateCodeModal extends PureComponent<Props, State> {
           />
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left italic txt-sm tall">
+          <div className="margin-left italic txt-sm">
             * Code snippets generated by&nbsp;
             <Link href="https://github.com/Kong/httpsnippet">httpsnippet</Link>
           </div>

packages/insomnia-app/app/ui/components/modals/git-branches-modal.tsx

@@ -286,7 +286,7 @@ class GitBranchesModal extends PureComponent<Props, State> {
           )}
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left italic txt-sm tall">
+          <div className="margin-left italic txt-sm">
             <i className="fa fa-code-fork" /> {currentBranch}
           </div>
           <div>

packages/insomnia-app/app/ui/components/modals/git-log-modal.tsx

@@ -89,7 +89,7 @@ class GitLogModal extends PureComponent<Props, State> {
           </table>
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left italic txt-sm tall">
+          <div className="margin-left italic txt-sm">
             <i className="fa fa-code-fork" /> {branch}
           </div>
           <div>

packages/insomnia-app/app/ui/components/modals/git-repository-settings-modal.tsx

@@ -227,7 +227,7 @@ class GitRepositorySettingsModal extends PureComponent<{}, State> {
           </ModalBody>
           <ModalFooter>
             {gitRepository && (
-              <div className="margin-left txt-xs faint tall monospace selectable">
+              <div className="margin-left txt-xs faint monospace selectable">
                 {gitRepository._id}
               </div>
             )}

packages/insomnia-app/app/ui/components/modals/git-staging-modal.tsx

@@ -425,7 +425,7 @@ class GitStagingModal extends PureComponent<Props, State> {
           {hasChanges ? this._renderItems(itemsList) : this._renderEmpty()}
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left italic txt-sm tall">
+          <div className="margin-left italic txt-sm">
             <i className="fa fa-code-fork" /> {branch}{' '}
             {loading && <i className="fa fa-refresh fa-spin" />}
           </div>

packages/insomnia-app/app/ui/components/modals/prompt-modal.tsx

@@ -285,7 +285,7 @@ class PromptModal extends PureComponent<{}, State> {
           </form>
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left faint italic txt-sm tall">{hint ? `* ${hint}` : ''}</div>
+          <div className="margin-left faint italic txt-sm">{hint ? `* ${hint}` : ''}</div>
           <button className="btn" onClick={this._handleSubmit} disabled={loading}>
             {loading && <i className="fa fa-refresh fa-spin" />} {submitName || 'Submit'}
           </button>

packages/insomnia-app/app/ui/components/modals/request-create-modal.tsx

@@ -196,7 +196,7 @@ class RequestCreateModal extends PureComponent<{}, State> {
         </ModalBody>
         <ModalFooter>
           {!this._isGrpcSelected() && (
-            <div className="margin-left italic txt-sm tall">
+            <div className="margin-left italic txt-sm">
               * Tip: paste Curl command into URL afterwards to import it
             </div>
           )}

packages/insomnia-app/app/ui/components/modals/sync-staging-modal.tsx

@@ -382,7 +382,7 @@ class SyncStagingModal extends PureComponent<Props, State> {
           {this.renderTable(addedKeys, 'Unversioned Objects')}
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left italic txt-sm tall">
+          <div className="margin-left italic txt-sm">
             <i className="fa fa-code-fork" /> {branch}
           </div>
           <div>

packages/insomnia-app/app/ui/components/modals/workspace-environments-edit-modal.tsx

@@ -602,7 +602,7 @@ class WorkspaceEnvironmentsEditModal extends PureComponent<Props, State> {
           </div>
         </ModalBody>
         <ModalFooter>
-          <div className="margin-left italic txt-sm tall">
+          <div className="margin-left italic txt-sm">
             * Environment data can be used for&nbsp;
             <Link href={docsTemplateTags}>Nunjucks Templating</Link> in your requests
           </div>