update paddings

cloud.html

@@ -5,7 +5,7 @@
   <title>Twisterarmy - Cloud Services</title>
   <link rel="stylesheet" type="text/css" href="/css/font.css" />
   <link rel="stylesheet" type="text/css" href="/css/bi.css?v=2" />
-  <link rel="stylesheet" type="text/css" href="/css/common.css?v=4" />
+  <link rel="stylesheet" type="text/css" href="/css/common.css?v=5" />
   <link rel="stylesheet" type="text/css" href="/css/mobile.css" />
   <script src="/js/jquery.js"></script>
   <script src="/js/cloud.js"></script>
@@ -39,7 +39,7 @@
     <div class="p-16 o-h">
       <h1 class="f-size-26 pb-10 mb-16 px-12 t-center f-normal">Cloud Resources</h1>
       <div class="my-36 p-16 b-c-4 b-2">
-        <i class="bi-info-circle mr-6 f-size-26 float-right p-16 c-0"></i>
+        <i class="bi-info-circle mr-6 f-size-26 float-right px-16 c-0"></i>
         <p class="c-0">
           <i>
             &bull;
@@ -54,7 +54,7 @@
         </p>
       </div>
       <div class="my-36 p-16 b-c-5 b-2">
-        <i class="bi-exclamation-octagon mr-6 f-size-26 float-right p-16 c-4"></i>
+        <i class="bi-exclamation-octagon mx-8 f-size-26 c-4"></i>
         <p class="c-4">
           <i>
             &bull;
@@ -92,7 +92,7 @@
           <div class="p-16 b-c-103 bg-c-3 b-1 b-r-3">
             <div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">
               Twisterarmy [CS1]
-              <i class="bi-circle-fill mr-6 f-size-10 p-16 c-5"></i>
+              <i class="bi-circle-fill mr-6 f-size-10 float-right c-5"></i>
             </div>
             <div class="pb-10">
               Free, community instance, running original <a class="c-0" href="https://github.com/twisterarmy/cloud-server">cloud-server</a> pre-releases on the organization dedicated server.

css/common.css

@@ -214,6 +214,11 @@ a.c-4:hover {
   margin-right: 16px
 }
 
+.my-8 {
+  margin-top: 8px;
+  margin-bottom: 8px
+}
+
 .my-36 {
   margin-top: 36px;
   margin-bottom: 36px